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 ...");
切換元素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();                清空所選的頁面元素或所有的後代元素,並非刪除節點和元素,僅僅可以“清空”全部的節點或節點所包括的所有後代元素。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章