• 技术文章 >web前端 >前端问答

    jquery中怎么删除一个类

    青灯夜游青灯夜游2022-04-21 18:47:22原创129

    方法:1、用removeClass(),可从元素移除指定类,语法“指定元素.removeClass("类名")”,若省略参数,可删除所有类;2、用toggleClass(),语法“指定元素.toggleClass("类名",false)”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery中删除一个类的方法

    方法1:使用removeClass()

    removeClass() 方法从被选元素移除一个或多个类。

    $(selector).removeClass("类名")

    如果没有规定参数,则该方法将从被选元素中删除所有类。

    示例:移除 p元素 的 "intro" 类:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(document).ready(function(){
    				$("button").click(function(){
    					$("p").removeClass("intro");
    				});
    			});
    		</script>
    		<style type="text/css">
    			.intro {
    				font-size: 120%;
    				color: red;
    			}
    		</style>
    	</head>
    	<body>
    
    		<h1>这是一个标题</h1>
    		<p class="intro">这是一个段落。</p>
    		<p class="intro">这是另一个段落。</p>
    		<button>移除所有P元素的"intro"类</button>
    
    	</body>
    </html>

    1.gif

    方法2:使用toggleClass()

    toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。

    该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。

    然而,通过使用 "switch" 参数,您能够规定只删除或只添加类。

    $(selector).toggleClass(classname,switch)
    参数描述
    classname必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
    function(index,currentclass)可选。规定返回需要添加/删除的一个或多个类名的函数。
    • index - 返回集合中元素的 index 位置。
    • currentclass - 返回被选元素的当前类名。
    switch可选。布尔值,规定是否仅仅添加(true)或移除(false)类。

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(document).ready(function(){
    				$("button").click(function(){
    					$("p").toggleClass("intro",false);
    				});
    			});
    		</script>
    		<style type="text/css">
    			.intro {
    				font-size: 120%;
    				color: red;
    			}
    		</style>
    	</head>
    	<body>
    
    		<h1>这是一个标题</h1>
    		<p class="intro">这是一个段落。</p>
    		<p class="intro">这是另一个段落。</p>
    		<button>移除所有P元素的"intro"类</button>
    
    	</body>
    </html>

    2.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery中怎么删除一个类的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么删除子集class 下一篇:jquery怎么删除div内所有子元素
    Web大前端开发直播班

    相关文章推荐

    • jquery怎么去掉body背景图片• jquery怎么计算某元素下有多少元素• jquery怎么删除节点下所有元素• jquery怎么给元素增加id• react里能嵌入jquery吗• jquery怎么解除元素所有事件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网