<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("h1,h2,p").removeClass("red");
 });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1 class="red">Heading 1</h1>
<h2 class="red">Heading 2</h2>
<p class="red">This is a paragraph.</p>
<p>This is another paragraph.</p>
<br>
<button>Remove class from elements</button>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)Email郵箱地址自動補全功能代碼
這篇文章主要介紹了jQuery實現(xiàn)Email郵箱地址自動補全功能代碼,涉及jQuery鼠標事件及字符操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
批量修改標簽css樣式以input標簽為例
本節(jié)主要介紹了jquery如何批量修改標簽css樣式以input標簽為例,需要的朋友可以參考下
2014-07-07
jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
這篇文章主要介紹了jQuery實現(xiàn)form表單基于ajax無刷新提交方法,結(jié)合實例形式分析了jQuery使用$.ajax()方法實現(xiàn)無刷新提交的詳細步驟與實現(xiàn)技巧,并附帶了一個較為完整的實例供大家參考,需要的朋友可以參考下
2015-12-12
jquery nth-child()選擇器的簡單應(yīng)用
今天項目中遇到過一個這樣的問題，就是希望讀出來的文章列表能夠每隔五個加一個分割條，而不是每個都加。
2010-07-07
JQuery操作元素的css樣式
這篇文章主要介紹了JQuery操作元素的css樣式的相關(guān)資料,需要的朋友可以參考下
2015-03-03
jquery實現(xiàn)淘寶商品圖片局部放大
這篇文章主要為大家詳細介紹了jquery實現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
jQuery中bind(),live(),delegate(),on()綁定事件方法實例詳解
這篇文章主要介紹了jQuery中bind(),live(),delegate(),on()綁定事件方法,結(jié)合實例形式詳細分析了bind(),live(),delegate(),on()方法綁定事件的具體使用技巧,并對比分析了四種方式的異同點,需要的朋友可以參考下
2016-01-01
基于jquery的一個OutlookBar類，動態(tài)創(chuàng)建導航條
初學jquery，如有錯誤，請高手們指出想看效果及完整代碼的可以下載rar包
2010-11-11
jQuery3.0中的buildFragment私有函數(shù)詳解
在 jQuery3.0中，buildFragment 是一個私有函數(shù)，用來構(gòu)建一個包含子節(jié)點 fragment 對象。下文給大家介紹jQuery3.0中的buildFragment私有函數(shù)詳解，對jquery3.0 buildfragment相關(guān)知識感興趣的朋友一起學習吧
2016-08-08
JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
這篇文章主要介紹了JQuery的ready函數(shù)與JS的onload的區(qū)別，有需要的朋友可以參考一下
2013-11-11