如何使用jQuery检查元素是否具有特定的类名

最新推荐文章于 2022-06-20 14:52:56 发布

cyan20115

最新推荐文章于 2022-06-20 14:52:56 发布

阅读量846

点赞数

文章标签： javascript ViewUI

jQuery带有两种方法来检查元素是否具有特定的类名。两种方法具有相同的功能。

是（'.classname'）
hasClass（'。classname'）

例如，检查div元素是否具有“ redColor”类名。

1. is（'。classname'）

$('div').is('.redColor')

2. hasClass（'。classname'）

$('div').hasClass('.redColor')

例

如果div元素的类名称为'redColor'，则将其类更改为'blueColor'。

<html>
<head>
<style type="text/css">
  .redColor { 
  	background:red;
  }
  .blueColor { 
  	background:blue;
  }
 </style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
  <h1>jQuery check if an element has a certain class</h1>

  <div class="redColor">This is a div tag with class name of "redColor"</div>
  
  <p>
  <button id="isTest">is('.redColor')</button>
  <button id="hasClassTest">hasClass('.redColor')</button>
  <button id="reset">reset</button>
  </p>
<script type="text/javascript">
	
    $("#isTest").click(function () {
		
	  if($('div').is('.redColor')){
	  	$('div').addClass('blueColor');
	  }
	  
    });
	
    $("#hasClassTest").click(function () {
		
	  if($('div').hasClass('.redColor')){
	  	$('div').addClass('blueColor');
	  }
	  
    });
	
	$("#reset").click(function () {
	  location.reload();
    });
	
	
</script>
</body>
</html>

试试演示

标签： jQuery

翻译自: https://mkyong.com/jquery/how-to-check-if-an-element-has-a-certain-class-name-with-jquery/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何使用jQuery检查元素是否具有特定的类名

jQuery带有两种方法来检查元素是否具有特定的类名。两种方法具有相同的功能。是（'.classname'） hasClass（'。classname'）例如，检查div元素是否具有“ redColor”类名。 1. is（'。classname'） $('div').is('.redColor') 2. hasClass（'。classname'） $(...
复制链接

扫一扫