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

    jquery怎么判断元素是否包含指定类

    青灯夜游青灯夜游2022-06-14 17:51:57原创133

    两种判断方法:1、使用hasClass(),可以检查被选元素是否包含指定的class(类名),语法“指定元素对象.hasClass("类名")”,如果包含指定的类则返回true,如果不包含则返回false。2、使用attr()和“==”运算符,语法“指定元素对象.attr("class")=="类名"”,可以检查元素class属性值是否等于指定类名,如果返回true则表示包含。

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

    jquery判断元素是否包含指定类的两种方法:

    方法1:使用hasClass()判断

    hasClass() 方法可以检查被选元素是否包含指定的 class(类名)。

    如果被选元素包含指定的类,该方法返回 true,如果不包含则返回false。

    示例:检查 <p> 元素是否包含 "intro" 类

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<script src="./js/jquery-3.6.0.min.js"></script>
    		<script>
    			$(document).ready(function(){
    				$("button").click(function(){
    					console.log($("p").hasClass("intro"));
    				});
    			});
    			</script>
    		<style type="text/css">
    			.intro {
    				font-size: 120%;
    				color: red;
    			}
    		</style>
    	</head>
    	<body>
    
    		<h1>这是一个段落标题</h1>
    		<p class="intro">这是一个段落</p>
    		<p> 这是另外一个段落</p>
    		<button>是否有 p 元素使用了 "intro" 类?</button>
    
    	</body>
    </html>

    1.gif

    返回值为true,因此指定p元素中包含 "intro" 类。

    方法2:使用attr()和“==”判断

    如果返回 "true"则表示包含,如果返回false则表示不包含。

    示例:检查 <p> 元素是否包含 "intro" 类

    $(document).ready(function(){
    	$("button").click(function(){
    		console.log($("p").attr("class")=="intro");
    	});
    });

    2.gif

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

    以上就是jquery怎么判断元素是否包含指定类的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:swf能转为html5吗 下一篇:HTML5文件元素的分类有哪些
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery对象怎么转化为dom对象• jquery roundabout怎么用• jquery事件都有哪些• jquery怎么改css定位属性• jquery怎么查看对象是否有某个样式• jquery怎样删除一个元素对象
    1/1

    PHP中文网