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(name)

方法	描述
height()	获取元素CSS属性height的值
width()	获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学运算，比较方便
innerHeight()	获取元素内部区域（包括内边距padding）的实际高度值
innerWidth()	获取元素内部区域的实际宽度值
outerHeight()	获取元素外部区域（包括内边距padding、边框border）的实际高度值
outerWidth()	获取元素外部区域的实际宽度值。若需计入外边距margin，可以传入一个true参数，即outerHeight(true)或outerWidth(true)

取得元素上CSS規則中name屬性值

css(name,value)

css(name,fn(index,value))

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

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位置屬性處理 TR>

方法	描述
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超出最大值則移動到最底端或最右端