jQuery核心

核心函數

作爲函數調用 $(param)

1. 參數作爲函數：當DOM加載完成後，執行此回調函數
2. 參數作爲選擇器字符串：查找所有匹配標籤，並將它封裝成jQuery對象
3. 參數作爲DOM對象：將dom對象封裝成jQuery對象
4. 參數爲html標籤字符串：創建標籤對象並封裝成jQuery對象

作爲對象使用：$xxx()

1. $.each(function(index,element)):隱式遍歷數組
   參數：index - 選擇器的 index 位置 element - 當前的元素（也可使用 "this" 選擇器

var = [1,2,3 ]

$.each( arr ,function(index,item){
	console.log(index,item)
})

2. $.trim()：去除兩端空格

對象訪問

• each()
• length 返回值Number

//計算文檔中所有圖片數量
<img  src="#">
<img  src="#">

jQuery代碼

$("img").length

-selector 返回傳給jQuery()的原始選擇器

$("ul")
  .append("<li>" + $("ul").selector + "</li>")
  .append("<li>" + $("ul li").selector + "</li>")
  .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");

返回
ul
ul li
div#foo ul:not([class])

• context 返回傳給jQuery()的原始的DOM節點內容，即jQuery()的第二個參數。如果沒有指定，那麼context指向當前的文檔(document)。

$("ul")
  .append("<li>" + $("ul").context + "</li>")
  .append("<li>" + $("ul", document.body).context.nodeName + "</li>");

返回：
[object HTMLDocument]  //如果是IE瀏覽器，則返回[object]
BODY

• get 返回是一個數組 可以傳參爲數組索引
• Index搜索匹配的元素，並返回相應元素的索引值，從0開始計數。如果不給 .index() 方法傳遞參數，那麼返回值就是這個jQuery對象集合中第一個元素相對於其同輩元素的位置。
  如果參數是一組DOM元素或者jQuery對象，那麼返回值就是傳遞的元素相對於原先集合的位置。
  如果參數是一個選擇器，那麼返回值就是原先元素相對於選擇器匹配元素中的位置。如果找不到匹配的元素，則返回-1。