由于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="請(qǐng)輸入你的姓名" />
下面列舉下對(duì)css樣式操作的方法:
1、.css("樣式"):獲得樣式值,比如$("input").css("color") 獲得input中字體的顏色
2、.css("樣式","value"):為樣式賦值,如$("input").css("color","red");
3、.addClass("樣式類1,樣式類2,樣式類3"):可以添加多個(gè)定義好的樣式類
4、.hasClass("樣式類類"):判斷是否存在該樣式
5、.toggleClass("樣式類"):如果存在(不存在)就切換(刪除)樣式
6、.toggleClass("樣式類",swith):如果swith為false,則刪除樣式,如果swith為true,則切換成該類
7、removeClass("樣式類"):移除樣式類
8、.css({樣式名:"value",樣式名:"value",樣式名:"value"}):可以多次添加樣式
當(dāng)然還有很多方法,這些等用到的時(shí)候查查api就可以了!
以上這篇JQuery為元素添加樣式的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考