jquery 手册
Ajax
属性(Attributes)
回调对象(Callbacks ..
核心(Core)
CSS
数据(Data)
延迟对象(Deferred o ..
尺寸(Dimensions)
效果(Effects)
事件(Events)
表单(Forms)
文档操作(Manipulati ..
杂项(Miscellaneou ..
位置(Offset)
插件编写(Plugin Aut ..
属性(Properties)
选择器(Selectors)
遍历(Traversing)
工具(Utilities)

Returns: BooleanBoolean .hasClass( String className )

描述: 确定是否有任何匹配的元素被分配给定的class.
  • version added: 1.2
  • .hasClass( String className )
  • className class名称,用于搜索的class.

元素可能分配有多于一个class属性。在HTML中,多个class,使用空格分隔:

<div id="mydiv" class="foo bar"></div>

如果元素含有给出的class属性,.hasClass()方法将返回 true。例如,上面的一段HTML,下面的代码将返回 true:

$('#mydiv').hasClass('foo')

如下:

$('#mydiv').hasClass('bar')

但这个将返回 false:

$('#mydiv').hasClass('quux')

Examples:

例子:

查找class属性含有'selected'的p元素。
<!DOCTYPE html>
<html>
<head>
  <script src="../jquery.min.js"></script>
  <style>p { margin: 8px; font-size:16px; }
  .selected { color:red; }</style>
</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>

Demo: