一

<ul id="uls">

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

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

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

?</ul>

1.標(biāo)簽選擇器:$（“所選取的標(biāo)簽”）；例:$（“l(fā)i”）；

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

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

4.創(chuàng)建節(jié)點(diǎn)

var li=document.createElement（“l(fā)i”)；

5.創(chuàng)建文本

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

6.綁定節(jié)點(diǎn)+文本

? ?li.appendChild(text)

7.添加新節(jié)點(diǎn)

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

8.添加節(jié)點(diǎn).append（）在標(biāo)簽內(nèi)部的末尾添加節(jié)點(diǎn)

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

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

9.添加節(jié)點(diǎn).prepend（）在標(biāo)簽內(nèi)部的頭部添加節(jié)點(diǎn)

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

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

10.添加節(jié)點(diǎn).after（）在標(biāo)簽外部的末尾添加節(jié)點(diǎn)

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

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

11.添加節(jié)點(diǎn).before（）在標(biāo)簽外部的頭部添加節(jié)點(diǎn)

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

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

12.刪除節(jié)點(diǎn).remove（）刪除該節(jié)點(diǎn)以及節(jié)點(diǎn)下的所有節(jié)點(diǎn)

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

13.復(fù)制節(jié)點(diǎn).clone（)

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

14.替換節(jié)點(diǎn).replaceWith（)

var li?=$（“<li>村長(zhǎng)</li>”)；

15.遍歷節(jié)點(diǎn).each（function（index）{})其中index表示遍歷元素的下標(biāo)，$（this）表示當(dāng)前元素

var newNode=$（“l(fā)i”）；

newNode.each（function（index）{

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

})

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。