jQuery的兩把利器：jQuery的核心函數 jQuery的核心對象 今日所用到的方法屬性 補充：僞數組

jQuery的核心函數

了解

簡稱：jQuery函數（$/jQuery）

得到jQuery函數：引入jQuery庫後，直接使用$即可

它既可作為一般函數調用，且傳遞的參數類型不同/格式不同功能就完全不同，也可作為對象調用其定義好的方法, 此時$就是一個工具對象。

作為函數調用：$(param)（詳查文檔）

（1）參數為函數：當DOM加載完成後，執行此回調函數

（2）參數為選擇器字元串：查找所有比對的标簽，并将它們封裝為jQuery對象

（3）參數為DOM對象：将dom對象封裝成jQuery對象

（4）參數為html标簽字元串(用得少)：建立标簽對象并封裝成jQuery對象

作為對象使用：$.xxx()（詳查文檔）

（1）$.each()：周遊數組

（2）$.trim()：去除字元串兩端的空格

jQuery的核心對象

簡稱：jQuery對象

得到jQuery對象：執行jQuery函數傳回的就是jQuery對象

命名：jQuery對象變量名前加一個$，表明它是一個jQuery對象

jQuery對象是一個包含所有比對的任意多個DOM元素的僞數組對象(可能隻有一個元素)

jQuery對象擁有很多有用的屬性和方法, 讓程式員能友善的操作DOM

今日所用到的方法屬性

綁定文檔加載完成的監聽，文檔：核心API------>jQuery()------>jQuery(callback)

$(function() {

})

按照id 查找元素，文檔：核心API------>jQuery()------>jQuery( selector [, context ] )

$("#id")

綁定點選事件監聽，文檔：事件------>滑鼠事件------>.click()

$("#id").click(function()  {

}）

文本框的值，文檔：表單------>.val()

$("#username").val()

将html标簽添加至元素末尾，文檔：核心API------>jQuery()------>jQuery( html [, ownerDocument ] )

$('

').appendTo("div")

周遊數組，文檔：工具類------>jQuery.each()

$.each([2, 4, 7], function(i, n) {

           console.log(i, n)

去除字段兩端的空格，文檔：工具類------>jQuery.trim()

console.log("------"+$.trim(" 我是尹傑     ")+"---------")

輸出jQuery對象的長度即包含的DOM元素的個數，文檔：jQuery 對象執行個體的屬性------>.length

var $buttons = $("button")

console.log($buttons.length)

得到對應位置的DOM元素，文檔：DOM元素方法------>.get()

console.log($buttons[1].innerHTML, $buttons.get(1).innerHTML)

周遊jQuery對象，文檔：周遊------>.each()

$buttons.each(function(index, domElements) {

　　console.log(index, domElements.innerHTML)

$buttons.each(function() {

　　console.log(this.innerHTML)

得到下标，文檔：DOM元素方法------>.index()

console.log($("#btn3").index())

補充：僞數組

1.Object對象

2.有Length屬性