JQuery方法總結

JQuery方法總結

 

1.使用訪問HTML元素的屬性和內容

1.1使用jQuery擷取HTML元素對應的jQuery對象

var DOM對象 = document.getElementById（對象id）//對象id直接寫‘id’，不是選取器

var jQuery對象 = jQuery選取器.get（索引）// $('a').get(0) 擷取第一個a標籤

也可以使用each（）方法遍曆jQuery選取器所有匹配的元素，並對每個元素執行指定的回呼函數。

each（回呼函數）

1.2

使用jQuery擷取和設定HTML元素的內容

可以調用html（）方法、text（）方法和val（）方法擷取和設定HTML元素的內容

...

var value = jQuery對象.val();//擷取

jQuery對象.val(value);//設定

val（）方法還可以指定一個函數用於設定HTML元素的內容文法如下：

$(selector).var(function(index,oldvalue))

參數說明如下：

$(selector)：選取器。

index:選擇性參數。接收選取器的index位置（當選擇多個元素是有效）。

oldvalue：選擇性參數。接收選取器的當前Value屬性。

例： $('input').var(function(index,oldvalue){

return oldvalue.toUpperCase();

});

 

1.3 使用jQuery擷取和設定HTML元素的屬性

var a=jQuery對象.attr('屬性名稱');//擷取屬性

jQuery對象。attr（'屬性名稱','屬性值'）;//設定屬性

可以以鍵/值對的形式設定匹配元素的一組屬性

例： $('img').attr({

src:'....',

alt:'.....'

});

1.4 使用jQuery擷取和設定HTML元素的屬性

jQuery對象.removeAtrr('屬性名稱');

 

1.5 使用jQuery在網頁中新增內容

1. 調用append（）方法可以向HTML元素內追加內容：

jQuery對象.append('追加內容')；//可以是標籤，向元素內部添加；

2. 在HTML元素的前面插入內容

jQuery對象.before('追加內容')

3. 在HTML元素的後面插入內容

jQuery對象.after('追加內容')

 

2.使用jQuery管理HTML元素

2.1 使用jQuery遍曆HTML元素

使用jQuery選取器可以很方便的匹配滿足一定條件的HTML元素，並對其進行操作。但有時候需要根據HTML元素的具體情況對其進行個人化的處理，此時可以使用find（）方法遍曆滿足條件的HTML元素。

結果集 = find（selector）

然後，就可以使用for語句遍曆結果集中的對象；

2.2 使用jQuery檢查某個元素是否包含指定元素

jQuery對象.has(子項目名) //可以使用$('li').has('ul')選擇所有包含ul元素的li元素

2.3 使用JQuery刪除HTML元素

1.使用empty（）方法刪除HTML元素的內容和所有子項目

jQuery對象.empty（）

2.使用remove（）方法刪除HTML元素

jQuery對象.remove([選取器])

選取器是選擇性參數，指定刪除匹配的HTML元素。如果不指定參數，則會刪除jQuery對象對應的所有的HTML元素。

2.4 使用jQuery插入HTML元素

1.after()/insertafter() 在被選元素之後插入指定內容

2.5 使用jQuery複製HTML元素

調用Clone（）方法可以複製HTML元素

clone([withDataAndEvents])

參數 withDataAndEvents 指定是否HTML元素的資料和處理函數也被複製，預設為false。

2.6 使用jQuery替換HTML元素

1. replaceWith()方法

jQuery對象.replaceWith(替換的內容)；

jQuery對象通常使用選取器。replaceWith（）方法將jQuery對象對應的HTML元素替換為參數中的內容

2. repaceAll（）

jQuery對象.replaceAll(target)

jQuery對象通常代表替換的內容。target可以是jQuery對象、選取器後DOM對象。用於指定要替換的HTML元素。