jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)
更新時(shí)間：2017年06月08日 08:04:06 投稿：jingxian
下面小編就為大家?guī)硪黄猨Query 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
jQuery類中添加多個(gè)屬性
$('#five .a')
.css({
color:'blue',
border:'2px solid green',
background:'blue'
});
jQuer為元素添加類
$('#five .a')
.addClass('funny');
HTML code
<style>
.funny{
font-size: 21px;
background-color: gray ;
padding: 10px;
color: yellow ;
}
</style>
<div id="five">
<div class="a">A</div>
</div>
可以看到j(luò)Query類中添加多個(gè)屬性渲染效果是以內(nèi)嵌樣式出現(xiàn)的。
而jQuer為元素添加的類沒有內(nèi)嵌樣式的優(yōu)先級(jí)高
可以看到渲染效果中沒有funny的background-color: gray ;和color: yellow ;屬性。
以上這篇jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery獲取樣式中的背景顏色屬性值/顏色值
- 如何使用jquery修改css中帶有!important的樣式屬性
- 從零開始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
- jQuery修改class屬性和CSS樣式整理
- 基于jquery animate操作css樣式屬性小結(jié)
- jQuery操作屬性和樣式詳解
- JQuery樣式與屬性設(shè)置方法分析
- JQuery中的常用事件、對(duì)象屬性與使用方法分析
- 詳解jQuery設(shè)置內(nèi)容和屬性
- jquery獲取自定義屬性(attr和prop)實(shí)例介紹
- Jquery屬性的獲取/設(shè)置及樣式添加/刪除操作技巧分析
相關(guān)文章
jQuery.holdReady()方法允許jQuery的完成事件被該函數(shù)鎖定，下面為大家介紹下其具體的使用2014-05-05
jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法
下面小編就為大家?guī)硪黄猨query的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動(dòng)框(一)
ajax聯(lián)動(dòng)框想必大家早有所耳聞，接下來本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼，感興趣的你可以參考下，或許對(duì)你有所幫助2013-03-03
這篇文章主要介紹了深入了解query和params的使用區(qū)別，路由傳參的時(shí)候，有倆兄弟，一個(gè)叫query，一個(gè)叫parmas，你說他們倆長(zhǎng)得也不像吧，可這用法實(shí)在是太類似了，下面就讓我們分別從vue路由和Node接收兩個(gè)角度講他們的區(qū)別,需要的朋友可以參考下2019-06-06
js判斷復(fù)選框是否選中的方法示例【基于jQuery】
這篇文章主要介紹了js判斷復(fù)選框是否選中的方法,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的復(fù)選框選中判斷相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
jQuery使用手冊(cè)之一...2007-03-03
用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載
這篇文章主要介紹了用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載，jQuery的ajax異步實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者參考,需要的朋友可以參考下2016-11-11
下面小編就為大家?guī)硪黄猨Query向父輩遍歷的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
JQuery實(shí)現(xiàn)簡(jiǎn)單的服務(wù)器輪詢效果實(shí)例
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單的服務(wù)器輪詢效果,結(jié)合實(shí)例形式分析了jQuery的ajax交互結(jié)合.net處理實(shí)現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery div拖拽用法,以完整實(shí)例形式分析了jQuery結(jié)合UI插件實(shí)現(xiàn)拖拽功能的相關(guān)技巧,需要的朋友可以參考下2016-01-01