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

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

技术教程推荐

深入浅出区块链 -〔陈浩〕

React实战进阶45讲 -〔王沛〕

Web协议详解与抓包实战 -〔陶辉〕

SQL必知必会 -〔陈旸〕

高并发系统设计40问 -〔唐扬〕

程序员的个人财富课 -〔王喆〕

去无方向的信 -〔小麥〕

B端产品经理入门课 -〔董小圣〕

PPT设计进阶 · 从基础操作到高级创意 -〔李金宝(Bobbie)〕

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