CSS類別操作--.hasClass()

詳細內容
分類：JQuery
發佈：2013-08-02, 週五 19:45
點擊數：2676

JQuery:CSS類別操作--.hasClass()：

.hasClass()方法用來判斷指定的CSS類別名稱是否存在在匹配的元素中。換個說法就是判斷元素是否包含某種CSS類別。

語法：

	.hasClass( className )

      className：CSS類別名稱，可以是一個或多個用空白間隔開來的CSS類別名稱。

CSS類別操作--.hasClass()的範例：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>hasClass範例</title>
  <style>
  .yellow{
    background: yellow;
  }
  .red {
    background: red;
  }
  .green {
    background: green;
  }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <!--載入JQuery-->
</head>
<body>
<p class="red green">.hasClass判定元素是某包含某個css類別</p>
<script type="text/javascript">
alert($("p").hasClass("red green")); // return true
alert($("p").hasClass("red"));       // return true
alert($("p").hasClass("green"));     // return true
alert($("p").hasClass("blue"));      // return false
</script>
</body>
</html>
 
 

  按個讚!~支持本站!~

FB推薦載入中