<!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)滑過(guò)評(píng)分打分效果，可取消評(píng)分結(jié)果，重新打分。下面通過(guò)代碼給大家講解的非常詳細(xì)，需要的的朋友參考下
2019-11-11
jQuery中的AjaxSubmit使用講解
最近使用ajaxform有點(diǎn)頻繁，今天小編抽時(shí)間給大家記錄下有關(guān)jquery中的ajaxSubmit使用講解的知識(shí)，非常不錯(cuò)，感興趣的朋友參考下吧
2016-09-09
jquery引用方法時(shí)傳遞參數(shù)原理分析
只需將js引用并設(shè)置下變量就行了，但一直沒(méi)搞明白原理，這次弄清了如何傳遞、設(shè)置多個(gè)（很多個(gè)）參數(shù)，如果你也不明白可以看看
2014-10-10
詳解Jquery Easyui的驗(yàn)證擴(kuò)展
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展，Easyui驗(yàn)證，Easyui校驗(yàn)，js正則表達(dá)式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
jQuery圖片加載顯示loading效果
這篇文章主要為大家詳細(xì)介紹了jQuery圖片加載顯示loading效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
設(shè)置jQueryUI DatePicker默認(rèn)語(yǔ)言為中文
本文主要介紹jQueryUI DatePicker設(shè)置中文的方法，需要的朋友可以參考下。
2016-06-06
jQuery新的事件綁定機(jī)制on()示例應(yīng)用
從jQuery1.7開(kāi)始，jQuery引入了全新的事件綁定機(jī)制，on()和off()兩個(gè)函數(shù)統(tǒng)一處理事件綁定，下面通過(guò)示例為大家介紹下
2014-07-07
基于JQuery 的消息提示框效果代碼
本身不熟悉js略懂JQuery，閑著沒(méi)事幫朋友公司一個(gè)程序小伙修改了個(gè)消息提示框，把修改后的代碼和代價(jià)分享一下
2011-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ò)過(guò)了哈
2013-09-09
jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法，他們對(duì)于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動(dòng)畫(huà)，ajax，以及timeout等需要一定時(shí)間的函數(shù)
2014-03-03