原生JS的插件库jQuery

一

<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（）)；

})