首頁 > 常見問題 > 主體

jquery如何查詢是否有某個屬性值

尊渡假赌尊渡假赌尊渡假赌
發布: 2023-06-13 09:37:22
原創
2038 人瀏覽過

jquery查詢是否有屬性值的方法是:1、建立一個HTML範例文件,並引入jQuery文件;2、建立p標籤設定屬性為「id="my-paragraph" data-role=" paragraph"」;3、jQuery拓展新增「hasAttr()」方法;4、使用「.attr()」方法取得或設定元素屬性值,「.hasAttr()」檢查屬性以及屬性值是否一致即可。

jquery如何查詢是否有某個屬性值

本教學作業系統:Windows10系統、jQuery3.6.0版本、Dell G3電腦。

在 jQuery 中,可以使用 `.attr()` 方法取得或設定元素的屬性值。

如果想查詢一個元素是否有某個特定屬性,可以使用 `.hasAttr()` 方法。

範例如下:

//html
<p id="my-paragraph" class="my-class" data-role="paragraph">Lorem ipsum</p>
登入後複製

如果想檢查這個段落元素是否具有`data-role` 屬性以及它的值是否為`paragraph`,程式碼如下:

//javascript
if ($("#my-paragraph").hasAttr("data-role") && $("#my-paragraph").attr("data-role") === "paragraph") {
  // do something if the attribute exists and has the expected value
} else {
  // do something else if the attribute doesn&#39;t exist or has a different value
}
登入後複製

注意`hasAttr()` 方法不是jQuery 的內建方法,需要使用以下程式碼擴充jQuery 來新增這個方法:

//javascript
$.fn.hasAttr = function(name) {
    return this.attr(name) !== undefined;
};
登入後複製

以上是jquery如何查詢是否有某個屬性值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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