DOM操作

1.DOM操作分类

DOM操作分为三类：

DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById()

HTML-DOM：用于处理HTML文档，如document.forms

CSS-DOM：用于操作CSS，如element.style.color="green"

JavaScript用于对(x)html文档进行操作，它对这三类DOM操作都提供了支持

2.jQuery中的DOM操作

jQuery对JavaScript中的DOM操作进行了封装，使用起来也更简便

jQuery中的DOM操作可分为：

样式操作

内容及Value属性值操作

节点操作

节点属性操作

节点遍历

CSS-DOM操作

3.直接设置样式

使用css()为指定的元素设置样式值

使用css()添加边框效果

追加样式：addClass(class)或addClass(class1 class2 … classN)

移除样式：removeClass(“style2 ”)或removeClass("style1 style2 ")

切换样式：toggleClass()模拟了addClass()与removeClass()实现样式切换的过程

4.html()和text()的区别

语法 参数 功能

html() 无参数 用于获取第一个匹配元素的HTML内容或文本内容

html(content) content参数为元素的HTML内容 用于设置所有匹配元素的HTML内容或文本内容

text() 无参数 用于获取所有匹配元素的文本内容

text (content) content参数为元素的文本内容 用于设置所有匹配元素的文本内容

5.Value值操作

val()可以获取或设置元素的value属性值

$(this).val();-----》获取元素的value属性值

或

 $(this).val("");-----》设置元素的value属性值