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('值字符串')
这是我的签名