一、each 方法

each 方法用來遍歷 jQuery 物件的，它的引數是一個事件處理函式，這個事件處理函式有兩個引數，第一個引數是索引，第二個引數時索引對應的 DOM 物件，使用的時候注意轉成 jQuery 物件。

語法：

// 引數1：元素集合索引
// 引數2：索引對應的DOM元素
元素集合.each(function (index, ele) {
  // ...
})

示例：

$("#uu>li").each(function (index, ele) {
    $(ele).css("opacity", (index + 1) / 10);
})

二、多庫共存

由來：

當引入多個 js 庫，而這些 js 庫中有的方法具有相同的名稱，那麼在呼叫這個方法的時候就會出現衝突。

解決辦法：

許可權轉讓：var 新方法名 = 舊方法名.noConflict();

之後，所有使用舊方法名的地方都可以用新方法名代替。

三、包裝集

我們獲取的 jQuery 物件其實都是 DOM 物件的集合，從 jQuery 物件轉換成 DOM 集合的方法也可以看出。jQuery 物件轉換 DOM 物件的方式：jQuery物件[0]，這就說明jQuery 物件其實都是DOM物件的集合。

既然 jQuery 物件是一個集合，那麼就有 length 屬性。這個 length 屬性作用重大，它可以幫助我們在建立元素的只建立一個。

示例：點選按鈕，在div中只新增一個p標籤。

$("#btn").click(function (param) {
  if ($("#pp").length == 0) {
    $("#dv").append($("<p id='pp'>標籤p</p>"));
  }
});
 

四、幾個元素的寬高屬性

元素.innerWidth()/innerHeight() // 方法返回元素的寬度/高度（包含padding，不含邊框）
元素.outerWidth()/outerHeight() // 方法返回元素的寬度/高度（包含padding，含邊框）
元素.outerWidth(true)/outerHeight(true) // 方法返回元素的寬度/高度（包含padding，含邊框，含外邊距）

五、外掛

1、什麼是外掛？

外掛其實就是一個功能的實現。包括所用到的 css ，jQuery 等的所有程式碼的封裝集合。我們在使用外掛的時候只需要引入其對應的 css ，jQuery 檔案以及html程式碼，經過少許的修改就可以得到相似的效果，大大節省了開發的時間，避免了重複造輪子。

外掛下載下來一般包括下面幾個部分：

css 資料夾：包括 css 檔案

js 資料夾：jQuery 官方 js 檔案， 外掛的 js檔案

index.html ：演示檔案（我們可以直接在上面改成自己需要的檔案，或者copy裡面的程式碼到自己的檔案中）

2、外掛的製作和使用

jQuery外掛製作方式主要有三種：

1、通過$.extend()來擴充套件jQuery；

2、通過$.fn向jQuery新增新的方法；

3、通過$.widget()應用jQuery UI的部件工廠方式建立。

jQuery 外掛的使用：

1、匯入下載下來的 css 檔案

2、匯入 jQuery 官方庫

3、匯入外掛的 jQuery 庫檔案

4、複製 index.html 相關程式碼到自己的檔案中。