標(biāo)簽的href屬性。具體語法示例如下。" />
更新時間:2022-01-10 來源:黑馬程序員 瀏覽量:

prop()方法用來設(shè)置或獲取元素固有屬性值。元素固有屬性是指元素本身自帶的屬性,如<a>標(biāo)簽的href屬性。具體語法示例如下。
$(selector).prop("屬性名") //獲取屬性值
$(selector).prop("屬性", "屬性值") //設(shè)置屬性值下面我們通過代碼演示prop()方法的使用。
<a href="http://localhost" title="主頁"></a>
<script>
console.log($("a").prop("href")); //輸出結(jié)果: http://localhost
$("a").prop("title", "首頁"); //設(shè)置title的值為“首頁"
</script>在上述代碼中,第3行代碼用于獲取<a>標(biāo)簽的href屬性,輸出到控制臺中。第4行代碼用于設(shè)置<a>標(biāo)簽的title 屬性,將屬性值設(shè)為“首頁”。
在開發(fā)中,還會經(jīng)常使用prop('屬性')獲取表單元素的checked值,示例代碼如下。
<input type="checkbox" checked>
<script>
//獲取表單元素的checked值
$("input").change(function(){
console.log($(this).prop("checked")); //復(fù)選框選中時,輸出結(jié)果為true
});
</script>上述代碼中,第1行代碼設(shè)置了input的type值為checkbox,表示復(fù)選框。第4行代碼給input綁定了change事件,當(dāng)表單元素狀態(tài)發(fā)生變化時觸發(fā)。如果復(fù)選框處于選中狀態(tài),則輸出結(jié)果為true,否則輸出false。
猜你喜歡: