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

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