JQuery為元素添加樣式的實現(xiàn)方法
由于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就可以了!
以上這篇JQuery為元素添加樣式的實現(xiàn)方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- JQuery獲取與設置HTML元素的內容或文本的實現(xiàn)代碼
- jQuery 獲取對象 根據(jù)屬性、內容匹配, 還有表單元素匹配
- JQuery中判斷一個元素下面是否有內容或者有某個標簽的判斷代碼
- jQuery使用append在html元素后同時添加多項內容的方法
- jquery動態(tài)增加text元素以及刪除文本內容實例代碼
- jQuery獲取選中內容及設置元素屬性的方法
- 使用jQuery內容過濾選擇器選擇元素實例講解
- jQuery給元素添加樣式的方法詳解
- jquery如何判斷某元素是否具備指定的樣式
- Jquery顯示、隱藏元素以及添加刪除樣式
- jquery動態(tài)添加帶有樣式的HTML標簽元素方法
- jQuery操作元素的內容和樣式完整實例分析
相關文章
Easyui在treegrid添加控件的實現(xiàn)方法
這篇文章主要介紹了Easyui在treegrid添加控件的實現(xiàn)方法,需要的朋友可以參考下2017-06-06jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明
這篇文章主要介紹了jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡單說明,使用jQuery的事件會使代碼更加簡單,同時對各瀏覽器的兼容性也還不錯,需要的朋友可以參考下2016-05-05Jquery attr("checked") 返回checked或undefined 獲取選中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined,不是原來的true和false了,有關此問題的解決方法如下,感興趣的朋友可以參考下2013-10-10jQuery中對未來的元素綁定事件用bind、live or on
這篇文章主要介紹了jQuery中對未來的元素綁定事件用bind、live or on,需要的朋友可以參考下2014-04-04