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

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

技术教程推荐

深入浅出gRPC -〔李林锋〕

重学前端 -〔程劭非(winter)〕

趣谈Linux操作系统 -〔刘超〕

Java性能调优实战 -〔刘超〕

DDD实战课 -〔欧创新〕

Kafka核心源码解读 -〔胡夕〕

Serverless入门课 -〔蒲松洋(秦粤)〕

跟月影学可视化 -〔月影〕

结构思考力 · 透过结构看表达 -〔李忠秋〕

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