JQuery為元素添加樣式的實現(xiàn)方法

字號:


    由于jquery支持css3,所有能很好的兼容很多瀏覽器,所以通過jquery來使用css樣式比較好
    為定義好的css樣式可以調(diào)用元素的css方法添加樣式
    $("span").css("css屬性名","屬性值")
    如  $("span").css("color","red") 將標簽為span的字體都設為紅色的
    $("#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"}):可以多次添加樣式
    當然還有很多方法,這些等用到的時候查查api就可以了!
    以上這篇JQuery為元素添加樣式的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考