js添加css樣式方法匯總

標籤：lse   move   通過   移除   css3   瀏覽器   屬性   als   bsp   

1.js添加css樣式方法匯總

由於jquery支援css3，所有能很好的相容很多瀏覽器，所以通過jquery來使用css樣式比較好

為定義好的css樣式可以調用元素的css方法添加樣式

$("span").css("css屬性名稱","屬性值")

如  $("span").css("color","red") 將標籤為span的字型都設為紅色的

如果是定義好的css樣式，可以通過addClass來添加，比如

<style type="text/css">   .aa {        border:1px solid red;    }  </style> $("#txtName").addClass("aa"); <input id="txtName"type="text"value="請輸入你的姓名"/>

下面列舉下對css樣式操作的方法：

1、.css("樣式")：獲得樣式值，比如$("input").css("color")  獲得input中字型的顏色2、.css("樣式","value"):為樣式賦值，如$("input").css("color","red");3、.addClass("樣式類1,樣式類2,樣式類3"):可以添加多個定義好的樣式類4、.hasClass("樣式類類")：判斷是否存在該樣式5、.toggleClass("樣式類")：如果存在(不存在)就切換(刪除)樣式6、.toggleClass("樣式類",swith):如果swith為false，則刪除樣式，如果swith為true，則切換成該類7、removeClass("樣式類")：移除樣式類8、.css({樣式名:"value",樣式名:"value",樣式名:"value"}):可以多次添加樣式

 

js添加css樣式方法匯總