設置樣式(設置所有被匹配的元素的樣式)
- 逐個設置
$('div').css('color','red')
$('div').css('background','yellow')
$('div').css('width','100px')
- 鏈式設置
$('div').css('width','100px').css('height','100px').css('color','red')
注意
若鏈式操作超過三步,則使用逐個設置較好,避免影響代碼的可讀性。
- 批量設置
批量設置採用對象形式進行設置。
$('div').css({
background:"red",
width:"100px",
height:"100px"
})
注意
屬性值都採用字符串的形式進行設置。
獲取樣式(獲取第一個匹配的元素的樣式屬性節點的屬性值)
$('div').css('width') //獲取div的width屬性節點的屬性值