JQuery為元素添加樣式的實(shí)現(xiàn)方法
由于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è)參考,也希望大家多多支持腳本之家。
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
- jQuery 獲取對(duì)象 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
- JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
- jQuery使用append在html元素后同時(shí)添加多項(xiàng)內(nèi)容的方法
- jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼
- jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
- 使用jQuery內(nèi)容過濾選擇器選擇元素實(shí)例講解
- jQuery給元素添加樣式的方法詳解
- jquery如何判斷某元素是否具備指定的樣式
- Jquery顯示、隱藏元素以及添加刪除樣式
- jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
- jQuery操作元素的內(nèi)容和樣式完整實(shí)例分析
相關(guān)文章
基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jquery使用正則表達(dá)式驗(yàn)證email地址的方法
這篇文章主要介紹了jquery使用正則表達(dá)式驗(yàn)證email地址的方法,以實(shí)例形式分析了正則表達(dá)式的使用技巧,需要的朋友可以參考下2015-01-01Easyui在treegrid添加控件的實(shí)現(xiàn)方法
這篇文章主要介紹了Easyui在treegrid添加控件的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-06-06jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡(jiǎn)單說明
這篇文章主要介紹了jQuery事件的綁定、觸發(fā)、及監(jiān)聽方法簡(jiǎn)單說明,使用jQuery的事件會(huì)使代碼更加簡(jiǎn)單,同時(shí)對(duì)各瀏覽器的兼容性也還不錯(cuò),需要的朋友可以參考下2016-05-05Jquery attr("checked") 返回checked或undefined 獲取選中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined,不是原來的true和false了,有關(guān)此問題的解決方法如下,感興趣的朋友可以參考下2013-10-10jquery跟隨屏幕滾動(dòng)效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query跟隨屏幕滾動(dòng)效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-04-04jQuery中對(duì)未來的元素綁定事件用bind、live or on
這篇文章主要介紹了jQuery中對(duì)未來的元素綁定事件用bind、live or on,需要的朋友可以參考下2014-04-04jQuery實(shí)現(xiàn)彈窗居中效果類似alert()
本文給大家分享基于jquery實(shí)現(xiàn)彈窗居中效果類似于alert(),代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-02-02jquery下操作HTML控件的實(shí)現(xiàn)代碼
jquery 的操作HTML控件,需要的朋友可以參考下。2010-01-01