怎么用.prop()方法設置屬性值

小編給大家分享一下怎么用.prop()方法設置屬性值，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

　　.prop( propertyName, value )描述: 為匹配的元素設置一個或多個屬性（properties）。

　　.prop()方法設置屬性值非常方便，尤其是對于需要使用一個函數設置多個屬性值或是一次性設置多個屬性值的情況。當設置selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 或 defaultSelected必須使用這個方法。從jQuery1.6開始，這些屬性可以不再使用.attr()方法來設置。他們沒有相應的屬性（attributes），只有屬性(property)。

　　Properties 屬性一般影響 DOM 元素的動態狀態并不會改變序列化的 HTML attribute 屬性。例如，input 元素的 value 屬性，input 和 按鈕 元素的 disabled 屬性, 以及 checkbox 的 checked 屬性。應該使用 .prop() 方法設置 disabled 和 checked 屬性，而不是使用 .attr() 方法。 .val() 方法應該用于存取 value 值。

　　$("input").prop("disabled", false);

　　$("input").prop("checked", true);

　　$("input").val("someValue");

　　還要注意的是.removeProp()方法不應該被用來設置這些屬性為false。一旦原生的屬性被移除，就無法再被添加。見.removeProp()獲取更多信息。

　　Computed property values（計算的屬性值）

　　通過使用一個函數來設置屬性，你可以根據其他的元素的屬性計算它的值。例如，根據單獨的值切換所有復選框：

　　$("input[type='checkbox']").prop("checked", function( i, val ) {

　　return !val;

　　});

　　注意: 如果設置的函數沒有返回（即 function(index, prop){})），或者返回undefined ，當前值不會被改變。 這當某些條件得到滿足選擇性元素設定屬性值（比如 復選框，單選等），是非常有用的。

看完了這篇文章，相信你對“怎么用.prop()方法設置屬性值”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！