jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式
本文實(shí)例講述了jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式的方法。分享給大家供大家參考。具體如下:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"blue","font-size":"14px"});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery實(shí)現(xiàn)滑動(dòng)星星評(píng)分效果(每日分享)
jQuery星星評(píng)分制作5顆星星鼠標(biāo)滑過評(píng)分打分效果,可取消評(píng)分結(jié)果,重新打分。下面通過代碼給大家講解的非常詳細(xì),需要的的朋友參考下2019-11-11
詳解Jquery Easyui的驗(yàn)證擴(kuò)展
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展,Easyui驗(yàn)證,Easyui校驗(yàn),js正則表達(dá)式。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01
設(shè)置jQueryUI DatePicker默認(rèn)語(yǔ)言為中文
本文主要介紹jQueryUI DatePicker設(shè)置中文的方法,需要的朋友可以參考下。2016-06-06
jQuery新的事件綁定機(jī)制on()示例應(yīng)用
從jQuery1.7開始,jQuery引入了全新的事件綁定機(jī)制,on()和off()兩個(gè)函數(shù)統(tǒng)一處理事件綁定,下面通過示例為大家介紹下2014-07-07
JQuery實(shí)現(xiàn)點(diǎn)擊div以外的位置隱藏該div窗口
鼠標(biāo)點(diǎn)擊div外的地方讓div窗口隱藏消失,實(shí)現(xiàn)方法有很多,在本文將為大家介紹下jquery中時(shí)如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過了哈2013-09-09
jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法,他們對(duì)于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動(dòng)畫,ajax,以及timeout等需要一定時(shí)間的函數(shù)2014-03-03

