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