jQuery使用removeClass方法刪除元素指定Class的方法

更新時(shí)間：2015年03月26日 11:49:22 作者：上大王

這篇文章主要介紹了jQuery使用removeClass方法刪除元素指定Class的方法,可實(shí)現(xiàn)針對(duì)指定元素樣式的批量刪除功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery使用removeClass方法刪除元素指定Class的方法。分享給大家供大家參考。具體分析如下：

<!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>

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

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)表格隔行換色效果
下面一個(gè)示例為大家詳細(xì)介紹下使用jquery實(shí)現(xiàn)表格的隔行換色功能，感興趣的朋友可以參考下
2015-11-11
有關(guān)easyui-layout中的收縮層無(wú)法顯示標(biāo)題的解決辦法
本文由腳本之家小編給大家介紹有關(guān)easyui-layout中的收縮層無(wú)法顯示標(biāo)題的原因分析及解決辦法，感興趣的朋友可以參考下
2016-05-05
bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-10-10
jQuery插件-jRating評(píng)分插件源碼分析及使用方法
該插件被廣泛應(yīng)用于各種需要評(píng)分的頁(yè)面當(dāng)中，今天作為學(xué)習(xí)，把源碼拿出來(lái)分析一下，順便學(xué)習(xí)其使用方法,需要了解的朋友可以研究下
2012-12-12
jQuery內(nèi)容折疊效果插件用法實(shí)例分析(附demo源碼)
這篇文章主要介紹了jQuery內(nèi)容折疊效果插件用法,結(jié)合實(shí)例形式分析了jQuery展開(kāi)折疊插件jquery.coolfieldset.js的具體使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-04-04
jquery實(shí)現(xiàn)圖片自動(dòng)輪播效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片自動(dòng)輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
詳解JavaScript異步編程中jQuery的promise對(duì)象的作用
這篇文章主要介紹了JavaScript異步編程中jQuery的promise對(duì)象的作用,同時(shí)也談到了js的Dojo框架中promise模式的實(shí)現(xiàn),需要的朋友可以參考下
2016-05-05
基于jQuery和CSS3制作響應(yīng)式水平時(shí)間軸附源碼下載
我們經(jīng)?？吹接泻芏嗟拇怪睍r(shí)間軸用來(lái)記錄事件進(jìn)展，而有朋友問(wèn)我要求分享水平的時(shí)間軸，其實(shí)水平時(shí)間軸的難點(diǎn)在于自適應(yīng)屏幕尺寸。那么今天我要給大家分享的是一款支持響應(yīng)式、支持觸屏手勢(shì)滑動(dòng)的水平時(shí)間軸
2015-12-12
jquery checkbox實(shí)現(xiàn)單選小例
checkbox是復(fù)選框如何將其變?yōu)閱芜x呢？下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-11-11
jQuery使用手冊(cè)之一
jQuery使用手冊(cè)之一...
2007-03-03