操作樣式的方法css()

設置樣式(設置所有被匹配的元素的樣式)

  1. 逐個設置
$('div').css('color','red')
$('div').css('background','yellow')
$('div').css('width','100px')
  1. 鏈式設置
$('div').css('width','100px').css('height','100px').css('color','red')

注意
若鏈式操作超過三步,則使用逐個設置較好,避免影響代碼的可讀性。

  1. 批量設置
    批量設置採用對象形式進行設置。
$('div').css({
	background:"red",
	width:"100px",
	height:"100px"
	})

注意
屬性值都採用字符串的形式進行設置。

獲取樣式(獲取第一個匹配的元素的樣式屬性節點的屬性值)

$('div').css('width') //獲取div的width屬性節點的屬性值
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章