day81 jQuery 文件操作

2022-08-24 10:00:08 字數 1558 閱讀 1141

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 獲取...