<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
 });
});
</script>
<style type="text/css">
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Toggle class</button>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery表格插件datatables用法詳解
這篇文章主要介紹了jQuery表格插件datatables用法，包括分頁、排序等功能,是jQuery表格插件datatables比較基礎(chǔ)的部分知識(shí),需要的朋友可以參考下
2016-01-01
基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件，具有一定的參考價(jià)值，代碼很詳細(xì)，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果,以完整實(shí)例形式分析了jQuery基于animate與setTimeout定時(shí)觸發(fā)實(shí)現(xiàn)進(jìn)度條漸進(jìn)顯示功能,非常簡單實(shí)用,需要的朋友可以參考下
2015-12-12
input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
input輸入框在獲得或失去焦點(diǎn)時(shí)隱藏或顯示文字，這樣的焦點(diǎn)效果想必很多朋友在填寫form表格的時(shí)候都曾見識(shí)過吧，本文使用jquery實(shí)現(xiàn)以下，感興趣的朋友可以參考下哈
2013-04-04
JQuery插件jcarousellite的參數(shù)中文說明
這篇文章主要介紹了JQuery插件jcarousellite的參數(shù)中文說明,本文分別給出各個(gè)參數(shù)的含義,需要的朋友可以參考下
2015-05-05
jQuery 選擇器項(xiàng)目實(shí)例分析及實(shí)現(xiàn)代碼
首先廢話一句，jQuery選擇器真心很強(qiáng)大！接下來詳細(xì)介紹jQuery 選擇器項(xiàng)目實(shí)例實(shí)現(xiàn)方式
2012-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)滑過遮罩并高亮顯示效果
本文為大家詳細(xì)介紹下使用jQuery實(shí)現(xiàn)鼠標(biāo)滑過遮罩高亮顯示效果，想必這種效果在網(wǎng)上大家都有見到過，下面是具體的示例，感興趣的各位可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
使用jQuery實(shí)現(xiàn)dropdownlist的聯(lián)動(dòng)效果(sharepoint 2007)
在sharepoint 2007網(wǎng)站中，使用jQuery實(shí)現(xiàn)dropdownlist的聯(lián)動(dòng)效果.
2011-03-03
jQuery實(shí)現(xiàn)帶動(dòng)畫效果的二級(jí)下拉導(dǎo)航方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶動(dòng)畫效果的二級(jí)下拉導(dǎo)航方法,涉及jQuery操作css樣式及鼠標(biāo)事件的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery超贊的評(píng)分插件（8款）
這篇文章主要介紹了8款超贊的jQuery評(píng)分插件，推薦給大家，有需要的小伙伴可以參考下
2015-08-08