首頁 > web前端 > js教程 > 主體

jquery中的hasClass()方法怎麼用

王林
發布: 2020-11-30 14:56:42
原創
2772 人瀏覽過

jquery中的hasClass()方法的用法是:【$().hasClass("類別名稱")】。 hasClass方法一般用於判斷元素是否包含指定的類別名,如果包含則傳回true,如果不包含則傳回false。

jquery中的hasClass()方法怎麼用

本教學操作環境:windows10系統、jquery1.12.4版,此方法適用於所有品牌電腦。

相關推薦:《jQuery影片教學

類別名稱過濾,指的是根據元素的 class 來過濾。在 jQuery 中,我們可以使用 hasClass() 方法來實作類別名稱過濾。

語法:

$().hasClass("类名")
登入後複製

hasClass() 方法一般用於判斷元素是否包含指定的類別名稱:如果包含,則傳回 true;如果不包含,則傳回 false。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li").each(function(){
                var bool = $(this).hasClass("select");
                if(bool){
                    $(this).css("color", "red");
                }
            })
        })
    </script>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li class="select">jQuery</li>
        <li>Vue.js</li>
    </ul>
</body>
</html>
登入後複製

效果:

jquery中的hasClass()方法怎麼用

$(this).hasClass("select")用來判斷目前的 li 元素是否包含類別名稱「select」。這裡大家要注意一下,hasClass() 方法一般是用來實現判斷操作的。

更多程式相關知識,請造訪:程式設計學習! !

以上是jquery中的hasClass()方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!