jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式
更新時(shí)間：2015年03月26日 08:53:46 作者：上大王
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時(shí)設(shè)置多個(gè)樣式的方法,實(shí)例分析了jQuery中css方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(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>
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
Chosen 是一個(gè)JavaScript插件，它能讓丑陋的、很長的select選擇框變的更好看、更方便。目前，它支持 jQuery 和 Prototype 兩種JavaScript引擎。2012-05-05
為了避免和美工沖突，對特定操作對象加上id標(biāo)識，美工不大改也沒什么問題。2011-01-01
jquery load()在firefox(火狐)下顯示不正常的解決方法
覺得應(yīng)該是由于 直接將www.baidu.com的內(nèi)容放到div中,對于較嚴(yán)格的FireFox可能不會處理用cssviewter查看處理后的頁面源碼果然發(fā)現(xiàn)div中為空2011-04-04
使用jQuery實(shí)現(xiàn)按鈕置灰不可用效果
在Web開發(fā)中,有時(shí)候我們需要在特定情況下將按鈕置灰并設(shè)置為不可用狀態(tài),以防止用戶重復(fù)點(diǎn)擊或者暫時(shí)禁止某些操作,本文將介紹如何使用jQuery來實(shí)現(xiàn)這一效果,感興趣的朋友跟著小編一起來看看吧2024-09-09
jquery 實(shí)現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補(bǔ)充2
change事件會在元素失去焦點(diǎn)的時(shí)候觸發(fā)，也會當(dāng)其值在獲得焦點(diǎn)后改變時(shí)觸發(fā)。2010-05-05
客戶端的抖動,快速操作,網(wǎng)絡(luò)通信或者服務(wù)器響應(yīng)慢,都容易造成服務(wù)器重復(fù)處理,這篇文章主要給大家介紹了關(guān)于jquery項(xiàng)目中如何防重復(fù)提交的相關(guān)資料,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了jQuery中prop()方法用法,以實(shí)例形式較為詳細(xì)的分析了prop()方法的功能、定義及獲取或者設(shè)置匹配元素屬性值的各種常見使用技巧,需要的朋友可以參考下2015-01-01
jQuery插件select2利用ajax高效查詢大數(shù)據(jù)列表（可搜索、可分頁）
select2是一款jQuery插件，是普通form表單select組件的升級版。 接下來通過本文給大家介紹jQuery插件select2利用ajax高效查詢大數(shù)據(jù)列表（可搜索、可分頁），需要的的朋友參考下吧2017-05-05
下面小編就為大家?guī)硪黄獪\談jQuery為哪般去掉了瀏覽器檢測。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
jquery ui dialog ie8出現(xiàn)滾動條的解決方法
jquery ui 的 dialog 在IE8下會出現(xiàn)不該出現(xiàn)的滾動條,在JQUI的FORUM上SEARCH下,發(fā)現(xiàn)也有人碰上,當(dāng)解決辦法就是把滾動條隱藏2010-12-12