快捷導(dǎo)航

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

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

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

本文實例講述了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>

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

您可能感興趣的文章:

相關(guān)文章

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