1. 程式人生 > >javaScript 操作Css樣式

javaScript 操作Css樣式

1、JAVASCRIPT ADDCLASS

利用document.getElementById(“XX”)找到document物件、然後再通過addClass(“xxx”)修改其class值
document.getElementById(“XX”).addClass(“xxx”);
2、ADDCLASS()

addClass()方法向匹配的元素增加指定的類名(一個或多個)、注意對於元素來說、class屬性可以有多個值、該方法不會移除已經存在的值、而是在原有的基礎上追加一個或多個class屬性

(.XX).addClass(xxx);

(“.XX”).removeClass(“xxx”);
$(“.XX”).hasClass(“xxx”);

3、CSS()

讀操作:獲取匹配元素集合中第一個元素的指定樣式值(一個或多個)、讀取多個樣式值的操作是在jQuery v1.9才加入的
寫操作: 為匹配元素集合中的每一個元素設定一個或多個CSS屬性的值、傳入的引數可以是單個的鍵值對、也可以是PlainObject指定的多個值
$(“.XX”).css(“color”,”red”);

4、ATTR()

attr()方法設定或返回被選元素的屬性值、根據該方法不同的引數、其工作方式也有所差異
$(“.XX”).attr(“class”,”xxx”);