jQuery是一款JavaScript庫,提供很多簡單易用的API幫助開發(fā)人員處理頁面上的HTML元素。其中,$()函數是其核心,它可以根據CSS選擇器選擇DOM元素,并對其進行各種操作。li元素是列表元素,而href是超鏈接屬性,這兩者經常一起使用。
<ul> <li><a >超鏈接1</a></li> <li><a >超鏈接2</a></li> <li><a >超鏈接3</a></li> </ul>
上面的代碼展示了一個無序列表,包含三個超鏈接。我們可以通過jQuery來獲取其中某個鏈接的href屬性值,比如獲取第二個鏈接的href值:
$("ul li:eq(1) a").attr("href");
上述代碼中,$()選擇器首先選擇ul元素下的第二個li元素,然后再選擇其下的a元素。其中,:eq(1)是jQuery中的偽類選擇器,表示選擇第二個匹配的元素,索引從0開始。最后調用attr()方法獲取a元素的href屬性值。
除此之外,在jQuery中還可以通過css()方法修改某個元素的CSS屬性,比如將某個鏈接的字體顏色改成紅色:
$("ul li:eq(0) a").css("color", "red");
上述代碼中,$()選擇器同樣先選擇ul元素下的第一個li元素,然后再選擇其下的a元素。然后調用css()方法,將a元素的color屬性值設為red。這樣,第一個鏈接就會顯示為紅色字體。