jQuery CSS 操作
jQuery 擁有三種用於 CSS 操作的重要函數:
- $(selector).css(name,value)
- $(selector).css({properties})
- $(selector).css(name)
CSS 操作實例
函數 css(name,value) 爲所有匹配元素的給定 CSS 屬性設置值:
實例
$(selector).css(name,value)
$("p").css("background-color","red");
函數 css({properties}) 同時爲所有匹配元素的一系列 CSS 屬性設置值:
實例
$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"});
函數 css(name) 返回指定的 CSS 屬性的值:
實例
$(selector).css(name)
$(this).css("background-color");
jQuery Size 操作
jQuery 擁有兩種用於尺寸操作的重要函數:
- $(selector).height(value)
- $(selector).width(value)
jQuery CSS 操作函數
下面列出的這些方法設置或返回元素的 CSS 相關屬性。
CSS 屬性 | 描述 |
---|---|
css() | 設置或返回匹配元素的樣式屬性。 |
height() | 設置或返回匹配元素的高度。 |
offset() | 返回第一個匹配元素相對於文檔的位置。 |
offsetParent() | 返回最近的定位祖先元素。 |
position() | 返回第一個匹配元素相對於父元素的位置。 |
scrollLeft() | 設置或返回匹配元素相對滾動條頂部的偏移。 |
scrollTop() | 設置或返回匹配元素相對滾動條左側的偏移。 |
width() | 設置或返回匹配元素的寬度。 |