day81 jQuery 文件操作

1. 文件操作：因為方法是jquery的方法，所以先寫 jquery物件

內容簡要：
1.1追加標籤    (不同級)
1.2前追加標籤    (不同級)
1.3後置標籤    (同級)
1.4前置標籤    (同級)
1.1標籤內部的後面追加子標籤，不同級
示例：var liele4 = document.createelement('li');    //
增加li標籤，jquery沒有這方法。
liele4.innertext = '4';    //
設定內容
追加li標籤
瀏覽器顯示：12
34
var liele0 = document.createelement('li');
liele0.innertext = '0';
瀏覽器顯示：12
30
1.2標籤內部的前面追加子標籤，不同級    
1.2.1jquery物件.prepend(dom物件)：jquery物件前追加dom物件
var liele0 = document.createelement('li');
liele0.innertext = '0';
$('ul').prepend(liele0);
瀏覽器顯示：01
23
1.2.2jquery物件.prependto(dom物件)：jquery物件前追加到dom物件
var liele4 = document.createelement('li');
liele4.innertext = '4';
$(liele4).prependto($('ul')[0]);
瀏覽器顯示：41
23
1.3後置標籤，同級
jquery物件.after(dom物件)：jquery物件後面放置(dom物件)
jquery物件.insertafter(dom物件)：jquery插入到(dom物件)的後面
1.4前置標籤，同級
jquery物件.before(dom物件)：jquery物件前面放置(dom物件)
jquery物件.insertbefore(dom物件)：jquery插入到(dom物件)的前面
1.5移除和清空元素
remove()
//從dom中刪除所有匹配的元素。
empty()//
刪除匹配的元素集合中所有的子節點。
序號姓名
年齡操作
1marry
18         2
tom18
3aj18
1.6替換
replacewith()
replaceall()
1.7轉殖
clone();    
//轉殖標籤，但是不轉殖標籤繫結的事件，也就是說轉殖出來的新標籤，點選它無法繼續轉殖新的標籤。
clone(true);    //
轉殖標籤，並且轉殖標籤繫結的事件
示例：點選轉殖按鈕
點我送邁騰

jquery文件操作

為了方便自己偶爾查詢，從w3school裡拉拉文件下來。方法 描述addclass 向匹配的元素新增指定的類名。after 在匹配的元素之後插入內容。向匹配元素集合中的每個元素結尾插入由引數指定的內容。向目標結尾插入匹配元素集合中的每個元素。attr 設定或返回匹配元素的屬性和值。before 在每...

jquery 文件操作

今天以乙個例子來看看jquery 的文件操作，首先上例子 doctype html html head style p selected highlight style script src script head body p title 12335666 jquery 文件操作 p p 例子說明...

jquery 文件操作

1 attr 獲取 設定屬性 設定多個屬性 實現 alert div first attr value div first attr value 這是第乙個div div last attr 2 removeattr 刪除屬性 實現 div last removeattr src 3 prop 獲取...