class相关
适用于: 批量、样式多的情况。
方法
addClass(类名) 添加
removeClass(类名) 移除
hasClass(类名) 检测有无
toggleClass(类名,条件) 有该类则删,无则增
补充:
参数也可以是函数,返回值作为实际参数。
style相关
适用于: 样式少的情况。
方法
设置
css(样式属性,值) 单个
css({样式属性:值,...}) 多个
补充
样式属性名如果带“-”需要用引号括起来。
除此之外,还可以使用驼峰标记法,不需要引号。
设置、读取元素尺寸
对象本身尺寸
.width(value)
.height(value)
返回值:数字(Number)
包含padding,不包括border和margin
.innerWidth(value)
.innnerHright(value)
包含padding、border。 margin(不确定)
.outerWidth(value)
.outerHeight(value)
如果value是true,就会加上margin。
设置、读取位置和滚动
位置
offset()
相对于document而言
只对可见元素有效
返回值:对象
position()
相对于具有相对位置的父级元素,如果没有则是相对于document。
不计算margin(外边距 )
滚动条
scrollTop(value) 滚动条到顶部的距离
.scrollLeft(value) 滚动条到左边的距离
这两种方法对隐藏的文本也有效。
设置、读取元素内容
读取
html() 只能获取一个
test() 全部获取,并返回字符串
设置
.html(content) 添加的元素,设为html标签
.text(content) 作为文本,显示到页面里
设置时,text较为安全。