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

更新時間：2016年07月20日 11:11:03 投稿：jingxian

下面小編就為大家?guī)硪黄狫Query為元素添加樣式的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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

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

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

如 $("span").css("color","red") 將標簽為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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)指定內(nèi)容滾動同時左側(cè)或其它地方不滾動的方法
這篇文章主要介紹了jQuery實現(xiàn)指定內(nèi)容滾動同時左側(cè)或其它地方不滾動的方法,可實現(xiàn)頁面滾動的時候指定位置懸浮固定的效果,涉及jquery針對頁面元素屬性的動態(tài)操作技巧,需要的朋友可以參考下
2015-08-08
jquery增加時編輯jqGrid(實例代碼)
jquery增加時編輯jqGrid(實例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
jQuery實現(xiàn)的圖片輪播效果完整示例
這篇文章主要介紹了jQuery實現(xiàn)的圖片輪播效果,結(jié)合完整實例形式分析了jQuery結(jié)合時間函數(shù)動態(tài)改變頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
使用Jquery Aajx訪問WCF服務(wù)(GET、POST、PUT、DELETE)
使用Jquery Aajx訪問WCF服務(wù)(GET、POST、PUT、DELETE)，需要的朋友可以參考下
2012-03-03
jQuery把表單元素變?yōu)閖son對象
下面代碼可以把一個頁面容器中的表單元素封裝成一個json對象
2013-11-11
jQuery拖動div、移動div、彈出層實現(xiàn)原理及示例
正如標題所言的實現(xiàn)原理是使div的position為絕對定位absolute，然后控制其top與left值,需要的朋友可以參考下
2014-04-04
jquery 查找select ,并觸發(fā)事件的實現(xiàn)代碼
項目中,用jquery 查找select ,并觸發(fā)事件. 記一筆.關(guān)鍵代碼，需要的朋友可以參考下。
2011-03-03
jqPaginator結(jié)合express實現(xiàn)分頁展示內(nèi)容效果
這篇文章主要為大家詳細介紹了jqPaginator結(jié)合express實現(xiàn)分頁展示內(nèi)容效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
jQuery給元素添加樣式的方法詳解
這篇文章主要介紹了jQuery給元素添加樣式的方法,結(jié)合實例形式詳細分析了jQuery給元素添加樣式的各種常見操作技巧,需要的朋友可以參考下
2015-12-12
jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能示例
這篇文章主要介紹了jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能,結(jié)合實例形式分析了jQuery基于ajax動態(tài)創(chuàng)建頁面table元素相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04