hasClass()
确定任何一个匹配元素是否有被分配给定的(样式)类。
- .hasClass(className)
- className类型: String要查询的样式名。
元素可能会有个的样式名。在 HTML 中,使用空格来分隔多个样式:
<div id="mydiv" class="foo bar"></div>
如果匹配元素上有指定的样式,那么.hasClass()
方法将返回true
,即使元素上可能还有其他样式。举个例子,给上文的HTML加上下面的代码将返回true
:
$('#mydiv').hasClass('foo')
也可以:
$('#mydiv').hasClass('bar')
然而这会返回false
:
$('#mydiv').hasClass('quux')
例子
在匹配的元素上寻找'selected'样式。
<!DOCTYPE html> <html> <head> <style> p { margin: 8px; font-size:16px; } .selected { color:red; } </style> <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script> </head> <body> <p>This paragraph is black and is the first paragraph.</p> <p class="selected">This paragraph is red and is the second paragraph.</p> <div id="result1">First paragraph has selected class: </div> <div id="result2">Second paragraph has selected class: </div> <div id="result3">At least one paragraph has selected class: </div> <script> $("div#result1").append($("p:first").hasClass("selected").toString()); $("div#result2").append($("p:last").hasClass("selected").toString()); $("div#result3").append($("p").hasClass("selected").toString()); </script> </body> </html>