jQuery学习笔记 操作jQuery对象 CSS处理

CSS基本属性处理

方法

描述

css(name)

获取元素上CSS规则中name属性值

css(name,value)

css(name,fn(index,value))

css({name1:value1,…,nameN:valueN})

设置元素上CSS规则name属性的值为value，也可使用函数参数，不解释；还可以一次性为同一元素设置多个CSS属性

CSS尺寸属性处理

方法

描述

height()

获取元素CSS属性height的值

width()

获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学运算，比较方便

innerHeight()

获取元素内部区域（包括内边距padding）的实际高度值

innerWidth()

获取元素内部区域的实际宽度值

outerHeight()

获取元素外部区域（包括内边距padding、边框border）的实际高度值

outerWidth()

获取元素外部区域的实际宽度值。若需计入外边距margin，可以传入一个true参数，即outerHeight(true)或outerWidth(true)

CSS位置属性处理

方法

描述

offset()

offset(coord)

offset(fn(index,coord))

获取元素在当前视窗的相对偏移，返回一个包含top和left属性的对象。比如$(“p”).offset().top。该方法只对可见元素有效。也可设置偏移值，注意coord也是个对象，比如$(“p”).offset({“top”:40,”left”:15})

position()

获取元素相对最近定位祖先元素的偏移值，同样返回一个包含top和left属性的对象。

scrollTop()

scrollTop(value)

获取垂直滚动条相对于该元素最顶端的偏移值

scrollLeft()

scrollLeft(value)

获取水平滚动条相对于该元素最左端的偏移值。两方法都可设置值，默认单位px，若value为负值则滚动条移动到最顶端或最左端；若value超出最大值则移动到最底端或最右端