DIV CSS 佈局教程網

9.2 類過濾hasClass()
編輯:jQuery基礎知識     

類過濾,就是根據元素的類名進行過濾操作。在jQuery中,我們可以使用hasClass()方法實現。

語法:

 
$().hasClass("類名")

說明:

hasClass()方法往往用於執行判斷操作,判斷當前jQuery對象中的某個元素是否包含了指定類名。如果包含,則返回true;如果不包含,則返回false。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("ul li").click(function () {
                if($(this).hasClass("red")){
                    $(this).css("color","red");
                }
            })
        })
    </script>
</head>
<body>
    <ul>
        <li class="red">紅色red</li>
        <li>橙色orange</li>
        <li>黃色yellow</li>
        <li>綠色green</li>
        <li>藍色blue</li>
        <li>紫色purple</li>
    </ul>
</body>
</html>

默認情況下,在浏覽器預覽效果如下:

當我們點擊class為red的li元素時,在浏覽器預覽效果如下:

分析:

if($(this).hasClass("red")){}這裡使用hasClass()方法來判斷當前的li元素是否包含red的類名。這裡大家要注意一下,hasClass()方法往往都是用來實現判斷操作的,而不是用來過濾。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved