jQuery常用操作之DOM操作(二)

包裹节点

• wrap()把匹配的所有元素节点分别用其他节点包裹起来
• wapAll()把匹配的所有元素节点只用一个元素包裹起来
• wrapInner()把所匹配的所有元素的子内容(含文本节点)用其他节点包裹起来

遍历节点

遍历节点的方法都可以使用jQuery表达式作为参数来筛选元素

• children()取得匹配元素的子元素集合
• next()取得匹配元素后面紧邻的同辈元素
• prev()取得匹配元素前面紧邻的同辈元素
• siblings()取得匹配元素前后所有的同辈元素
• closest()取得最近的匹配元素:首先检查当前元素是否匹配,然后再检查父元素,直到找到,如果实在找不到就返回空jQuery对象
• parent()取得每个匹配元素的父元素
• parents()取得每个匹配元素的祖先元素

属性操作

获取属性

选择一个元素节点后,使用方法attr('属性名')

设置属性

选择一个元素节点后,使用方法attr('属性名', '属性值')

删除属性

选择一个元素节点后,使用方法removeAttr('属性名')

样式操作

获取样式

选择一个元素节点后使用方法attr('css样式名')

设置样式

选择一个元素节点后使用方法attr('css样式名', 'css样式值')

追加class

使用addClass('类名')

移除class

使用removeClass('类名')

切换class

使用toggleClass('类名')

判断是否含有class

使用hasClass('类名')

获取css

使用css('css样式名')

设置css

使用css('css样式名', 'css样式值')

获取宽高

width()和height()

设置宽高

width('宽度字符串')和height('高度字符串')

获取偏移

获取当前元素再当前视窗的相对偏移

offset()

offset.left和offset.right

获取定位方式

获取元素相对于最近一个position样式属性设置为relative或者absolute的祖父节点的相对偏移

position()

position.top和position.left

获取滚动条距离

scrollTop()获取元素的滚动条距顶端的距离

scrollLeft()获取元素的滚动条距左侧的距离

设置滚动条距离

scrollTop(300)元素的滚动条滚动到距顶端300

scrollLeft(300)元素的滚动条滚动到距左侧300

内容操作

获取文本

使用text();

设置文本

使用text('文本')

获取html

使用html()

设置html

使用html('html代码字符串')

取value值

使用val()

设value值

使用val('值字符串')