jQuery 經常使用方法

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方法會返回一個新的數組。