无涯教程-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
参考链接
好博客就要一起分享哦!分享海报
此处可发布评论
评论(0)展开评论
暂无评论,快来写一下吧
展开评论