jQuery——对象样式操作

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较为安全。