JQuery 是一種流行的 JavaScript 庫,用于簡化常見任務的編程。其中,prop() 和 attr() 都是 JQuery 中常見的方法,用于獲取和設置元素的屬性。兩個方法的作用略有區別,下文將介紹其使用方法和區別。
// 示例代碼 // 設置 input 標簽的屬性 $("input").prop("disabled", true); // 使用 prop() 方法 $("input").attr("disabled", true); // 使用 attr() 方法 // 獲取 input 標簽的屬性值 var disabledProp = $("input").prop("disabled"); var disabledAttr = $("input").attr("disabled");
prop() 方法常用于獲取和設置元素的 Boolean 類型屬性,例如 checked、disabled 等。相比之下,attr() 方法則更適用于獲取和設置元素的字符串類型屬性,例如 id、class 等。
此外,當用于設置屬性時,兩個方法的行為有所不同。使用 prop() 方法設置屬性時,其會在 HTML 標簽中生成與之對應的屬性(<input disabled>
);而使用 attr() 方法設置屬性時,則會在 HTML 標簽中生成屬性和值(<input disabled="disabled">
)。
總之,prop() 方法和 attr() 方法在使用時需要根據具體情況選擇,避免因使用不當而帶來問題。尤其是在設置元素屬性時,應根據實際需求來合理選擇使用。