无涯教程-hasClass(class)

奋斗吧
奋斗吧
擅长邻域:未填写

标签: 无涯教程-hasClass(class) Html/CSS博客 51CTO博客

2023-07-22 18:24:13 81浏览

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

如果指定的类存在于一组匹配元素中的至少一个上,则 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

参考链接

https://www.learnfk.com/jquery/attr-has-class.html

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695