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属性值