jQuery 中的 hasClass( class )方法函

首页 / jQuery入门教程 / jQuery 中的 hasClass( class )方法函

如果指定的类存在于一组匹配元素中的至少一个上,则 hasClass(class)方法返回true,否则返回false。

hasClass( class ) - 语法

selector.hasClass( class )

这是此方法使用的所有参数的描述-

无涯教程网

  • class   -  CSS类的名称。

hasClass( class ) - 示例

以下示例将检查哪个段具有红色类-

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("#result1").text( $("p#pid1").hasClass("red") );
            $("#result2").text( $("p#pid2").hasClass("red") );
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class="red" id="pid1">This is first paragraph.</p>
      <p class="green" id="pid2">This is second paragraph.</p>

      <div id="result1"></div>
      <div id="result2"></div>
   </body>
</html>

这将产生以下输出-

This is first paragraph.

This is second paragraph.

true
false

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

微服务架构实战160讲 -〔杨波〕

如何做好一场技术演讲 -〔极客时间〕

消息队列高手课 -〔李玥〕

性能测试实战30讲 -〔高楼〕

接口测试入门课 -〔陈磊〕

WebAssembly入门课 -〔于航〕

技术面试官识人手册 -〔熊燚(四火)〕

如何读懂一首诗 -〔王天博〕

B端体验设计入门课 -〔林远宏(汤圆)〕

好记忆不如烂笔头。留下您的足迹吧 :)