快捷導(dǎo)航

jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)

更新時(shí)間：2017年06月08日 08:04:06 投稿：jingxian

下面小編就為大家?guī)?lái)一篇jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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為元素添加的類沒(méi)有內(nèi)嵌樣式的優(yōu)先級(jí)高

可以看到渲染效果中沒(méi)有funny的background-color: gray ;和color: yellow ;屬性。

以上這篇jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery插件scroll實(shí)現(xiàn)無(wú)縫滾動(dòng)效果
今天給大家分享一款頁(yè)面無(wú)縫滾動(dòng)的jquery.scroll插件。支持上下左右，淡入淡出，滾動(dòng)時(shí)間設(shè)置，動(dòng)畫(huà)時(shí)間設(shè)置，鼠標(biāo)經(jīng)過(guò)是否停止設(shè)置，滾動(dòng)鼠標(biāo)液動(dòng)條看下頁(yè)面的切換效果。該插件適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。
2015-04-04
Jquery 數(shù)據(jù)選擇插件Pickerbox使用介紹
目前市面上很少見(jiàn)或幾乎沒(méi)有這數(shù)據(jù)(對(duì)象)選擇插件.比如,點(diǎn)擊input , select 元素時(shí)彈出div(窗口),載入數(shù)據(jù)讓用戶選擇數(shù)據(jù),選擇后在填充回對(duì)應(yīng)的元素.
2012-08-08
jquery offset函數(shù)應(yīng)用實(shí)例
點(diǎn)擊一個(gè)按鈕，然后在按鈕的下方顯示一個(gè)div,當(dāng)按鈕位于角落時(shí)，div的位置設(shè)定就需要調(diào)整，不然，div將顯示不完全.我打算使用offset()方法實(shí)現(xiàn)此功能
2012-11-11
jquery 循環(huán)顯示div的示例代碼
我們用一個(gè)語(yǔ)句就讓下面五個(gè)div顯示成功，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-10-10
移動(dòng)手機(jī)APP手指滑動(dòng)切換圖片特效附源碼下載
這篇文章主要介紹了移動(dòng)手機(jī)APP手指滑動(dòng)切換圖片特效附源碼下載的相關(guān)資料,需要的朋友可以參考下
2015-11-11
通過(guò)jquery還原含有rowspan、colspan的table的實(shí)現(xiàn)方法
通過(guò)jquery還原含有rowspan、colspan的table的實(shí)現(xiàn)方法，學(xué)習(xí)jquery的朋友可以參考下
2012-02-02
jQuery Ajax使用全解析
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開(kāi)發(fā)JS應(yīng)用，并在一定程度上改變了我們寫(xiě)JavaScript代碼的習(xí)慣。
2010-12-12
jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
通過(guò)過(guò)濾器可以獲取特定的表單元素，如非輸入項(xiàng)目或者單選按鈕的已選項(xiàng)目等元素，可用的
2011-07-07
Easy UI動(dòng)態(tài)樹(shù)點(diǎn)擊文字實(shí)現(xiàn)展開(kāi)關(guān)閉功能
這篇文章主要介紹了Easy UI動(dòng)態(tài)樹(shù)點(diǎn)擊文字實(shí)現(xiàn)展開(kāi)關(guān)閉功能,需要的朋友可以參考下
2017-09-09
使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
這篇文章主要介紹了使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼,需要的朋友可以參考下
2014-03-03