1. 程式人生 > >JQUERY為元素新增樣式的實現方法

JQUERY為元素新增樣式的實現方法

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

為定義好的css樣式可以呼叫元素的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就可以了!