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