在介紹jQuery如何讀取元素屬性值之前，我們先來了解一下什么是元素屬性值。元素屬性值是指HTML標(biāo)簽中的屬性值，例如標(biāo)簽的src屬性值，標(biāo)簽的href屬性值等等。下面我們就來看一下jQuery如何讀取元素屬性值。
$("selector").attr("屬性名")在上述代碼中，我們需要先通過選擇器選取需要獲取屬性的元素，然后使用attr()方法獲取屬性值，其中"屬性名"就是要獲取的屬性名稱。例如，獲取img標(biāo)簽的src屬性值，代碼如下：
$("img").attr("src")同樣的，如果我們要獲取標(biāo)簽的href屬性值，代碼如下：
$("a").attr("href")需要注意的是，當(dāng)選中的元素包含多個(gè)時(shí)，如下面的例子：
<ul>
<li data-id="1">第一個(gè)</li>
<li data-id="2">第二個(gè)</li>
<li data-id="3">第三個(gè)</li>
</ul>如果我們要獲取每一個(gè)li元素的data-id屬性值，需要使用each()方法遍歷每一個(gè)元素，代碼如下：
$("li").each(function() {
console.log($(this).attr("data-id"));
});使用以上的方法，我們便可以輕松地獲取元素的屬性值了。