prop()方法獲取元素固有屬性【web前端】

　　prop()方法用來(lái)設(shè)置或獲取元素固有屬性值。元素固有屬性是指元素本身自帶的屬性，如標(biāo)簽的href屬性。具體語(yǔ)法示例如下。

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

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

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

　　在上述代碼中，第3行用于獲取<a>標(biāo)簽的href屬性，輸出到控制臺(tái)中，第4行用于設(shè)置標(biāo)簽的title屬性，將屬性值設(shè)為“首頁(yè)”。

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

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

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

猜你喜歡：

jQuery框架有什么特點(diǎn)？如何安裝jQuery？

jQery網(wǎng)頁(yè)編程如何使用篩選選擇器？

怎樣對(duì)標(biāo)簽屬性進(jìn)行定位?常用定位方式詳解

傳智教育web前端培訓(xùn)課程