首頁技術(shù)文章正文

jQery的元素固有屬性怎樣設(shè)置?

更新時間:2020-12-31 來源:黑馬程序員 瀏覽量:

  prop()方法用來設(shè)置或獲取元素固有屬性值。元素固有屬性是指元素本身自帶的屬性,如標簽的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>標簽的href屬性,輸出到控制臺中,第4行用于設(shè)置標簽的title屬性,將屬性值設(shè)為“首頁”。

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

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

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




猜你喜歡

怎樣對網(wǎng)頁標簽進行精準定位?【web前端】

jQery選擇器怎樣篩選元素?

怎樣創(chuàng)建錨點鏈接?錨點鏈接的創(chuàng)建步驟

黑馬程序員web前端培訓課程 

分享到:
在線咨詢 我要報名
和我們在線交談!