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中文網其他相關文章!