jQuery是一種十分強大而且流行的JavaScript庫,通過它我們能夠方便地操作HTML元素以及執行各種JavaScript任務。其中,通過jQuery獲取標簽元素的屬性是一項重要的功能,這樣我們可以在不直接修改HTML代碼的情況下,實現動態地操作HTML標簽。那么,下面就讓我們來學習如何通過jQuery通過屬性獲取標簽!
//通過attr()方法獲取屬性值 $(selector).attr(attribute) //通過prop()方法獲取屬性值 $(selector).prop(property)
首先,在jQuery中通過attr()方法獲取標簽屬性的值是非常容易的。attr()方法接受兩個參數:選擇器和屬性名。我們只需把要獲取屬性的標簽元素作為選擇器的參數傳入,再加上屬性名作為屬性參數即可。
$("button").click(function(){ alert($("img").attr("src")); });
在上述代碼中,我們先指定一個button標簽,當用戶在點擊該按鈕時,我們通過attr()方法獲取img標簽的src屬性,最后以提示框的形式將值展示出來。
除了attr()方法,prop()方法同樣也可以讓我們在不直接修改HTML代碼的情況下獲取標簽的屬性值,方法和用法與attr()方法類似,只需將attr()替換為prop()即可。
$("button").click(function(){ alert($("input").prop("checked")); });
在上述代碼中,我們設置一個button標簽,當用戶在點擊該按鈕時,我們通過prop()方法獲取input標簽中的checked屬性值,該屬性值為true或false,表示用戶是否勾選了該選項框,最后以提示框的形式將值展示出來。
上一篇css 下拉框圖標
下一篇java 和c 性能差距