jquery DOM
分为元素操作、属性操作、样式操作。
一、元素操作
1、查找
①工具：jQuery选择器
2、创建和添加
①代码格式：变量 = $('要创建的元素')；
注意点：
1 要使用标准的XHTML格式。
2 不能使用$("<p>")或者$("<P/>")。
3 可以在标签内添加文本当做文本节点 。
4 无论多么复杂都可以添加 。
5 可以添加属性节点。
②添加入jQuery对象相对应的方法：
1 append();：
①参数：是一个创建好的jQuery对象。
②就传入的jQuery对象添加到引用的jquery对象相对应的html元素中。
③位置在引用的子元素的最后面。
2 prepend(); :
①和append();的添加位置相反在子元素的最前面。
3 after(); :
①和前面不同的是这是吧元素添加到引用元素的后面。
4 before(); :
①和after(): 相反 位置在引用元素的前面。
3、删除
①删除方法
1 remove();
①参数：传过滤的属性 选择元素。
②方法返回一个删除的jQuery对象，可以用变量接收。
③注意：绑定的事件和数据都会对丢失，所有后代节点都会被删除。
2 detach():
①参数：传过滤的属性 选择元素。
②方法返回一个删除的jQuery对象，可以用变量接收。
③注意：绑定事件和数据不会丢失，所有后代节点都会被删除。
3 empty();
①参数：无。
②作用：把引用元素的子节点（包括文本节点）全部删除。
③注意：会保留属性节点。
4、克隆
1 clone();
①参数：可以传true,克隆的元素连带事件一同复制。
5、替换
1 replaceWith();
①参数：XHTML语言文本。
②特点：把所有匹配到的元素都替换。
2 replaceAll();
①参数：XHTML语言文本。
②特点：和 replaceWith(); 相反。
6、包裹
1 wrapAll();
①参数：XHTML语言文本。
②特点：会把匹配到的元素用参数元素包裹起来（一包多）。
2 wrap();
①参数：XHTML语言文本。
②特点：会把匹配到的元素用参数元素包裹起来（一包一个）。
3 wrapinner();
①参数：XHTML语言文本。
②特点：会把匹配到的元素的子元素（包括文本节点）用参数元素包裹起来（一包多）。
二、属性操作
①获取和设置属性
1 attr();
①参数：传一个是，参数是属性名，返回该属性的值。传的是两个时，第一代表属性名，第二个代表设置的属性值。
2 removeAttr();
①参数：传入属性名， 删除该属性。
三、样式操作
①获取和设置样式
1 attr();
①参数：第一个传入class 第二个传入在样式表里的处理过的class值。
②叠加样式
1 addClass();
①参数；传入class名。
②为匹配到的元素叠加上改class值。
③移除样式
1 removeClass();
①参数：传入要移除的class属性值。
④切换样式
1 toggleClass();
①参数：class属性值
②如果class存在则移除，如果不存在则添加。
⑤判断是否含有某个样式
1·hasClass();
①参数：传入class值
②返回true，表示匹配元素含有该class值，反之没有。
四、设置和获取HTML、文本和值
1 html();
①参数：不传参时返回匹配到的元素里的html包括文本，传入时必须穿入xhtml格式的html文本。
②在匹配的元素里添加参数html。
2 text();
①参数：不传时 返回匹配到的元素里的文本节点 传时修改的元素里的文本内容。
3 val();
①参数：不传时获取元素属性的值 传时修改元素属性的值。