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超出最大值则移动到最底端或最右端