jQuery中的DOM操作
样式操作
使用css()为指定的元素设置样式值或者获取样式值
语法
示例
追加和移除样式
追加样式
语法
移除样式
语法
切换样式:模拟了addClass()与removerClass()实现样式切换的过程
语法
判断是否包含指定样式
hasClass( )方法来判断是否包含指定的样式
语法
内容操作
HTML代码操作
html()可以对HTML代码进行操作,类似于JS中的innerHTML
语法
标签内容操作
text()可以获取或设置元素的文本内容
语法
html()和text()方法的区别
属性值操作
val()可以获取或设置元素的value属性的值
语法
节点操作
创建节点元素
工厂函数$()用于获取或创建节点
$(selector):通过选择器获取节点
$(element):把DOM节点转化成jQuery节点
$(html):使用HTML字符串创建jQuery节点
插入节点元素
元素内部插入子节点
元素外部插入子节点
删除节点元素
remove():删除整个节点
$(selector).remove([expr]);
empty():清空节点内容
$(selector).empty();
detach():删除整个节点,保留元素的绑定事件、附加的数据
替换节点
replaceWith()和replaceAll()用于替换某个节点
复制节点
clone()用于复制某个节点
语法
属性操作
获取于设置元素属性
attr()用来获取与设置元素属性
语法
删除元素属性
removeAttr()用来删除元素的属性
语法
节点遍历
遍历子元素
children()方法可以用来获取元素的所有子元素
遍历同辈元素
jQuery可以获取紧邻其后、紧邻其前和位于该元素前与后的所有同辈元素
遍历前辈元素
parent():获取元素的父级元素
parents():获取元素的祖先元素
其他遍历方法
each( ) :规定为每个匹配元素规定运行的函数
语法
end( ):结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态
find()
eq()
first()