addClass("class0 class1 ...");
jQuery操作DOM(Document、Object、Model)對象——頁面元素操作
1.獲取元素的屬性:
attr(name);
2.設置元素的屬性:
attr(key, value);
attr({key0 : value0, key1 : value1});
3.刪除元素的屬性:
removeAttr(name);
獲取和設置元素的內容:
html();
html(val);
text();
text(val);
獲取和設置元素值:
val();
val(value);
獲取多個selector標記中的多個選項值:val().join(",")
元素樣式操作:
css(name, value);
addClass("class");
addClass("class0 class1 ...");
addClass("class0 class1 ...");
切換元素css類別:
toggleClass("class");
刪除元素css類別:
removeClass("class"); // 參數可爲空
創建節點元素:
$("html");
內部插入節點:
append(content | function(index,html)); 追加內容到後面
appendTo(content); // content表示被追加的內容
prepend(content | function(index,heml)); 追加內容到前面
prependTo(content); // content表示用於選擇元素的JQuery表達式
外部插入節點:
after(content | function) content | function返回值 表示插入元素外後面的內容
beforer(content | function) content | function返回值 表示插入元素外前面的內容
insertAfter(content) 將所選的元素插入另一個指定的元素後面
insertBeforer(content) 將所選的元素插入另一個指定的元素前面
複製元素節點:
clone(); 複製匹配的DOM元素並且選中複製成功的元素,該方法僅複製元素本身,被複制的新元素不具有任何元素行爲。
clone(true); 被複制的新元素具有元素行爲。
替換元素節點:
replaceWith(content); 將所有選擇的元素替換成指定的HTML或DOM元素,其中content爲被所選擇元素替換的內容。
replaceAll(selector); 將所有選擇的元素替換成指定selector的元素,其中selector爲需要被替換的元素。
包裹元素節點:
wrap(html | elem | function); 把所有選擇的元素用其他 字符串/DOM元素/函數返回代碼 代替代碼包裹起來。
unwrap(); 移除所選元素的父元素或包裹標記
wrapAll(html | elem); 把所選的元素用單個元素包裹起來
wrapInner(html | elem | function); 把所有選擇元素的子內容(包括文本節點)用 DOM元素/function返回的代碼 包裹起來
遍歷元素:
each(callback); callback是一個函數,callback函數還可以接受一個index形參,該形參爲遍歷元素的序號(從0開始)
例:$("img").each(function(index){...});
刪除頁面元素:
remove([expr]); 其中expr爲可選項,如果接受參數,則該參數爲篩選元素的jQuery表達式,通過該表達式獲取指定的元素,並進行刪除。
empty(); 清空所選的頁面元素或所有的後代元素,並非刪除節點和元素,僅僅可以“清空”全部的節點或節點所包括的所有後代元素。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.