JQ中prop方法用法介紹

prop()方法用來設置或獲取元素固有屬性值。元素固有屬性是指元素本身自帶的屬性，如<a>標簽的href屬性。具體語法示例如下。

$(selector).prop("屬性名")             //獲取屬性值
$(selector).prop("屬性", "屬性值")      //設置屬性值

下面我們通過代碼演示prop()方法的使用。

<a href="http://localhost" title="主頁"></a>
<script>
    console.log($("a").prop("href"));   //輸出結(jié)果: http://localhost
    $("a").prop("title", "首頁");       //設置title的值為“首頁"
</script>

在上述代碼中，第3行代碼用于獲取<a>標簽的href屬性，輸出到控制臺中。第4行代碼用于設置<a>標簽的title 屬性，將屬性值設為“首頁”。

在開發(fā)中，還會經(jīng)常使用prop('屬性')獲取表單元素的checked值，示例代碼如下。

<input type="checkbox" checked>
<script>
    //獲取表單元素的checked值
    $("input").change(function(){
        console.log($(this).prop("checked"));       //復選框選中時，輸出結(jié)果為true
    });
</script>

上述代碼中，第1行代碼設置了input的type值為checkbox，表示復選框。第4行代碼給input綁定了change事件，當表單元素狀態(tài)發(fā)生變化時觸發(fā)。如果復選框處于選中狀態(tài)，則輸出結(jié)果為true，否則輸出false。

猜你喜歡：

jquery事件綁定方法有哪些？

怎樣操作jQuery的元素內(nèi)容？內(nèi)容操作演示

什么是jQuery？jQuery有哪些優(yōu)勢？

jQuery如何使用css方法修改單個樣式？

傳智教育web前端開發(fā)培訓課程