jQuery中的“li a”選擇器是一種非常常用的DOM元素選擇器。它用于選擇HTML文檔中的所有包含在列表項(li)中的超鏈接(a)。
//選擇所有的li a元素 $('li a').css('color', 'red');
上述代碼將選中頁面上的所有li a元素,并將其文本顏色設置為紅色。
在實際應用中,“li a”選擇器經常用于為導航欄中的鏈接添加樣式或進行事件綁定。
//為導航欄中的鏈接添加hover效果 $('ul.nav li a').hover(function() { $(this).css('color', 'blue'); }, function() { $(this).css('color', 'black'); });
上述代碼將選中所有具有“nav”類的ul元素下的li a元素,并在鼠標懸浮時將文本顏色設置為藍色,在鼠標移開時將文本顏色設置回黑色,從而實現hover效果。
總體來說,“li a”選擇器是jQuery中非常常用的DOM元素選擇器之一,使用靈活同時也不難掌握。
上一篇html 選擇 代碼
下一篇jquery li 個數