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

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

本教學作業系統：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't exist or has a different value
}

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

//javascript
$.fn.hasAttr = function(name) {
    return this.attr(name) !== undefined;
};

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