jQuery中的DOM操作

1.基本操作

1.1---html()---类似于原生DOM的innerHTML属性；

获取--html();

设置--html(html代码);

1.2---val()---类似于原生DOM的value属性

获取--val();

设置--val(value);

1.3---text()----类似于原生DOM的textContent属性

获取---text();

设置---text(文本内容)；

1.4---attr()----获取或设置指定元素的属性

获取----attr(attrName)类似于getAttribute();

设置----attr(attrName,attrValue)类似于setAttribute();

removeAttr(attrName)--类似于removeAttribute();

2. 样式操作---css

2.1---attr("class","classValue");

2,2---addClass()--追加样式

2.3---removeClass()--删除样式 (不传参删除所有样式，传参删除指定样式)

2.4--toggleClass()---切换样式 (只接受一个参数,是在没有样式与指定样式之间切换)

2.5--hasClass()--判断样式 （判断指定元素是否包含指定样式）

css()--操作样式

设置 css(name,value);

或者 css({

name:value,

name:value

})

3.遍历节点

3.1--parent()--获取指定节点的父节点

3.2--children()--获取指定节点的所有子节点

3.3--next()--获取指定节点的下一个兄弟节点

3.4--prev()--获取指定节点的上一个兄弟节点

3.5--siblings()--获取指定节点的所有兄弟节点

3.6--find(expr)--在指定节点中查找指定内容（查找指定节点的后代节点）

4.创建节点

4.1--元素节点---$(HTML代码)

4.2--文本节点---text()

4.3--属性节点--attr()

5.删除节点

5.1--remove()--删除自身及后代节点

5.2--empty()--(清空)删除后代节点，但保留自身节点

6.插入节点

内部插入与外部插入区别（内部：是插入到指定元素的里面。外部：是插入到指定元素的外面）

内部插入

6.1--append(content) (向每个匹配元素内部追加内容,content中放HTML标记)

6.2--prepend(content) (向每个匹配元素内部前置内容)

外部插入

6.1--before(content) (向每个匹配元素之前插入内容)

6.2--after(content) (向每个匹配的元素之后插入内容)