jQuery 常用方法

Alliot 發布于2019-08-20 17:46 / 1331人閱讀

摘要：查找元素縮小匹配的范圍，初始的對象集合中篩選不會有初始集合中的內容方法在命令鏈內調用，以便退回到前一個包裝集。指定的樣式屬性返回的值返回的值事件屬性相對于文檔左邊緣的鼠標位置。阻止事件的默認動作。觸發該事件的元素。而方法會返回一個新的數組。

jQuery eq()和get()

get(): jQuery對象轉DOM對象。

eq(): jQuery對象構建新的jQuery對象。 $(selector).eq( 0 )

查找元素

filter(selector) 縮小匹配的范圍，初始的jQuery對象集合中篩選$("p").filter(".selected, :first")

find(selector) 不會有初始集合中的內容

end()方法在jquery命令鏈內調用，以便退回到前一個包裝集。

contents()

parent(selector) 找父親節點，可以傳入expr進行過濾，比如$("span").parent()或者$("span").parent(".class")

parents(selector) 類似于.parent(expr),但是是查找所有祖先元素，不限于父元素

closest(selector) 獲得匹配選擇器的第一個祖先元素，從當前元素開始沿 DOM 樹向上

children(expr) 返回所有子節點，這個方法只會返回直接的孩子節點，不會返回所有的子孫節點

prev() 返回上一個兄弟節點，不是所有的兄弟節點

prevAll() 返回所有之前的兄弟節點

next() 返回下一個兄弟節點，不是所有的兄弟節點

nextAll() 返回所有之后的兄弟節點

siblings() 返回兄弟姐妹節點

樣式 & 屬性

addClass() & removeClass() 添加 & 移除類名稱

toggleClass() 類名稱不存在，則添加指定類名稱；如果元素已經擁有指定類名稱，則從元素中刪除指定類名稱。

css(name,value) 指定的css樣式屬性

attr() 返回 attributes 的值

prop() 返回 property 的值

事件

event 屬性

event.pageX 相對于文檔左邊緣的鼠標位置。

event.pageY 相對于文檔上邊緣的鼠標位置。

event.preventDefault() 阻止事件的默認動作。

event.target 觸發該事件的 DOM 元素。

event.type 描述事件的類型。

bind(eventName, cb) 可以自定義事件

unbind() 從匹配元素移除一個被添加的事件處理器

on(event,childSelector,data,function,map) 添加的事件處理程序適用于當前及未來的元素（比如由腳本創建的新元素）

off() 方法

one() 添加只運行一次的事件然后移除

trigger(eventName, param1, param2, ...) param可選，傳遞到事件處理程序的額外參數, 額外的參數對自定義事件特別有用。

插入元素

insertAfter() & after()：在現存元素的外部，從后面插入元素

insertBefore() & before()：在現存元素的外部，從前面插入元素

appendTo() & append()：在現存元素的內部，從后面插入元素

prependTo() & prepend()：在現存元素的內部，從前面插入元素

遍歷

each() each返回的是原來的數組，并不會新創建一個數組。

map() 而map方法會返回一個新的數組。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83858.html

前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

nevermind 2019-08-30 15:55 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

codecook 2019-08-23 14:52 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

WalkerXu 2019-08-02 14:09 評論0 收藏0
前端基礎入門五（掌握jQuery的常用api，實現動態效果）

摘要：基本概念學習目標學會如何使用，掌握的常用，能夠使用實現常見的效果。想要實現簡單的動畫效果，也很麻煩代碼冗余。實現動畫非常簡單，而且功能更加的強大。注意選擇器返回的是對象。 jQuery基本概念學習目標：學會如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實現常見的效果。為什么要學習jQuery？【01-讓div顯示與設置內容.html】使用javasc...

widuu 2019-07-01 11:14 評論0 收藏0
jQuery學習筆記

摘要：提高業務編程能力中提供了很多的方法基本都兼容，我們可以使用這些方法快速開發項目中有的方法提供的思想可以讓我們把項目實現得更優化提高基礎以及一些高級編程思想分析源碼，學習里面類庫封裝的思想和一些方法實現的原理有時間把中提供的常用方法都去實現一 jQuery 提高業務編程能力 JQ中提供了很多的方法（基本都兼容），我們可以使用這些方法快速開發項目 JQ中有的方法提供的思想可以讓我們把...

GHOST_349178 2019-08-20 17:47 評論0 收藏0