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元素选择器之一,使用灵活同时也不难掌握。