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

為定義好的css樣式可以調(diào)用元素的css方法添加樣式

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

如  $("span").css("color","red") 將標(biāo)簽為span的字體都設(shè)為紅色的

$("#id")  $("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"}):可以多次添加樣式

當(dāng)然還有很多方法，這些等用到的時候查查api就可以了！

以上這篇JQuery為元素添加樣式的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考