jquery呼叫屬性方法

JQuery是一個很常用的JavaScript函式庫，它能大幅簡化JavaScript程式碼的編寫，尤其是操作DOM時。本篇文章將介紹如何使用JQuery中的屬性方法（.prop()和.attr()）來操作HTML元素的屬性。

屬性方法是指用於取得和設定HTML元素屬性的方法。在HTML中，屬性是標籤的一部分，它們允許對標籤或標籤內容進行自訂。 JQuery提供了兩個方法來存取屬性：.prop()和.attr()。

.prop()方法用於取得和設定標準HTML屬性（如checked、disabled、selected等）和物件屬性（如nodeName、nodeType等），並傳回布林值、字串或數字。以下是.prop()方法的基本用法：

// 获取属性值
$(selector).prop(propertyName);

// 设置属性值
$(selector).prop(propertyName, value);

例如，要取得單一選框是否被選中，可以使用以下程式碼：

<input type="radio" name="gender" id="male" value="male">Male
<input type="radio" name="gender" id="female" value="female">Female

if ($('#male').prop('checked')) {
  // 如果male被选中
}

如果要將所有文字輸入框停用，可以使用以下程式碼：

$('input[type="text"]').prop('disabled', true);

相反，如果要啟用所有文字輸入框，可以將參數值設為false。

.attr()方法用於取得和設定所有HTML屬性，並傳回字串值。以下是.attr()方法的基本用法：

// 获取属性值
$(selector).attr(attributeName);

// 设置属性值
$(selector).attr(attributeName, value);

例如，要取得一個映像的alt屬性值，可以使用以下程式碼：

<img src="/static/imghwm/default1.png"  data-src="image.jpg"  class="lazy" alt="这是一张照片">

var altValue = $('img').attr('alt');

如果要更改img標籤的src屬性值，可以使用以下程式碼：

$('img').attr('src', 'newImage.jpg');

需要注意的是，有些屬性可以同時使用.prop()和.attr()方法來取得和設置，而有些屬性只能使用其中一個方法。例如，checked和disabled屬性只能使用.prop()方法，並且使用.attr()方法不起作用。

總結一下，當操作HTML屬性時，如果操作的是標準HTML屬性或物件屬性，則應該使用.prop()方法。如果要操作除此之外的其他HTML屬性，則應該使用.attr()方法。在使用這兩種方法時，需要進行權衡，並選擇合適的方法來獲得所需的結果。

以上就是關於JQuery中屬性方法（.prop()和.attr()）的基本介紹。如果您想了解更多有關JQuery的知識，請閱讀JQuery官方文件。

以上是jquery呼叫屬性方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！