一

<ul id="uls">

? ?<li id="id1" class="game">喜貓貓</li>

? ?<li id="id2" class="game">懶貓貓</li>

? ?<li id="id3">二熊</li>

?</ul>

1.標簽選擇器:$（“所選取的標簽”）；例:$（“li”）；

2.類選擇器:$（“.所選取的類”）；（注意所選取的類前面一定要加上一個【.】）；例:$（“.game”)；

3.id選擇器:$（“#id名”)；例:$（“#id1”)；

4.創建節點

var li=document.createElement（“li”)；

5.創建文本

var text=document.createTextNode("沸羊羊")

6.綁定節點+文本

? ?li.appendChild(text)

7.添加新節點

?document.getElementById("uls").appendChild(li)；

8.添加節點.append（）在標簽內部的末尾添加節點

var j_li =$（“<li>小灰灰</li>”)；

$（“#uls”）.append（j_li)；

9.添加節點.prepend（）在標簽內部的頭部添加節點

var j_li =$（“<li>小灰灰</li>”)；

$（“#uls”）.prepend（j_li)；

10.添加節點.after（）在標簽外部的末尾添加節點

var j_li =$（“<ul><li>美羊羊</li></ul>”)；

$（“#uls”）.after（j_li)；

11.添加節點.before（）在標簽外部的頭部添加節點

var j_li =$（“<p>暖羊羊</p>”)；

$（“#uls”）.before（newNode)；

12.刪除節點.remove（）刪除該節點以及節點下的所有節點

$（“#id名”）.remove（)；

13.復制節點.clone（)

var clone =$（“#id名”）.clone（)；

14.替換節點.replaceWith（)

var li?=$（“<li>村長</li>”)；

15.遍歷節點.each（function（index）{})其中index表示遍歷元素的下標，$（this）表示當前元素

var newNode=$（“li”）；

newNode.each（function（index）{

? ? ?console.log（index+$（this）.text（）)；

})

?

總結

以上是生活随笔為你收集整理的原生JS的插件库jQuery的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。