关于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://code.jquery.com/jquery-latest.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>
  
  Demo:

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h63992.shtml

张贴在3