首頁 > web前端 > js教程 > jQuery中hasClass()的意思及用法詳解

jQuery中hasClass()的意思及用法詳解

藏色散人
發布: 2019-03-28 16:53:21
原創
9832 人瀏覽過

這篇文章主要跟大家介紹jQuery中hasClass()用法介紹,希望對需要的朋友有幫助!

jQuery中hasClass()的意思及用法詳解

hasclass什麼意思?

hasClass()是jQuery中的內建方法,用來檢查具有指定類別名稱的元素是否存在。

語法:

$(selector).hasClass(className);
登入後複製

參數:它接受一個「className」參數,該參數指定需要在所選元素中搜尋的類別名稱。

傳回值:如果搜尋成功,回傳true,否則回傳false。

jQuery  hasClass()方法的使用範例:

<html>

<head>
    <meta charset="UTF-8">
    <script
            src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                alert($("p").hasClass("find"));
            });
        });
    </script>
    <style>
        .find {
            font-size: 120%;
            color: green;
        }

        body {
            width: 50%;
            height: 200px;
            border: 2px solid green;
            padding: 20px;
        }
    </style>
</head>

<body>

<h1>标题1</h1>

<p class="find">PHP中文网!</p>
<p>这是普通段落</p>

<button>点击我!</button>

</body>

</html>
登入後複製

輸出:

jQuery中hasClass()的意思及用法詳解

當點選「點選我」按鈕時,出現如下彈出視窗

jQuery中hasClass()的意思及用法詳解

相關推薦:《jQuery教學

這篇文章就是關於jQuery中hasClass ()的意思及用法詳解,簡單易懂,希望對需要的朋友有幫助!

以上是jQuery中hasClass()的意思及用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板