快捷導(dǎo)航

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í)別方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery.holdReady()使用方法
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ū)別
這篇文章主要介紹了深入了解query和params的使用區(qū)別，路由傳參的時(shí)候，有倆兄弟，一個(gè)叫query，一個(gè)叫parmas，你說他們倆長得也不像吧，可這用法實(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è)之一
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
jQuery向父輩遍歷的簡單方法
下面小編就為大家?guī)硪黄猨Query向父輩遍歷的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果實(shí)例
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果,結(jié)合實(shí)例形式分析了jQuery的ajax交互結(jié)合.net處理實(shí)現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下
2016-03-03
jQuery div拖拽用法實(shí)例
這篇文章主要介紹了jQuery div拖拽用法,以完整實(shí)例形式分析了jQuery結(jié)合UI插件實(shí)現(xiàn)拖拽功能的相關(guān)技巧,需要的朋友可以參考下
2016-01-01