在jQuery中,關於元素的樣式操作方法共有2種:(1)CSS屬性操作;(2)CSS類名操作;
在jQuery中,我們可以使用css()方法為獲取或設置某個元素的CSS屬性的值。
語法:
//獲取CSS屬性 css("屬性"); //設置單個CSS屬性 css("屬性","屬性值") //設置多個CSS屬性 css({"屬性1":"屬性值1","屬性2":"屬性值2",……})
2、CSS類名操作
在jQuery中,所謂的“CSS類名操作”類名操作其實就是為元素添加某個類名、刪除某個類名等。
語法:
addClass("類名") removeClass("類名") toggleClass("類名")
在jQuery中,如果我們想要“獲取”或者“設置”元素的寬度,可以使用width()方法。
$().width() //獲取元素的寬度 $().width(n) //設置元素的寬度,n是一個整數,表示npx
在jQuery中,如果我們想要“獲取”或者“設置”元素的寬度,可以使用height()方法。
$().height() //獲取元素的高度 $().height(n) //設置元素的高度,n是一個整數,表示npx
在jQuery中,如果我們想要獲取元素的位置,有2種方法:(1)offset();(2)position()。
在jQuery中,我們可以使用offset()方法用於“獲取”或“設置”元素相對於“當前文檔”(也就是浏覽器窗口)的偏移距離。
語法:
$().offset().top; $().offset().left
在jQuery中,我們可以使用position()方法來獲取當前元素相對於“其被定位的祖輩元素”的偏移距離。
語法:
$().position().top $().position().left
在jQuery中,我們可以使用scrollTop()來獲取或設置元素相對於垂直滾動條頂部的距離,可以使用scrollLeft()來獲取或設置元素相對於水平滾動條左部的距離。
語法:
$().scrollTop() //獲取滾動距離 $().scrollTop(value) //設置滾動距離
說明:
scrollLeft()方法的用法跟scrollTop()方法一樣。
scrollTop()和scrollLeft()獲取的值是一個數字(不帶單位),這個跟height()、width()是一樣的。