由于我是 jQuery 新手,因此遇到了真正的困难,但我不确定我正在处理的教程是否已损坏,或者是否是我,但我正在使用以下代码选择 ul 中的所有 li与一类导航。
$(".nav ul li");
它是否正确?有人能指出我正确的方向吗?
由于我是 jQuery 新手,因此遇到了真正的困难,但我不确定我正在处理的教程是否已损坏,或者是否是我,但我正在使用以下代码选择 ul 中的所有 li与一类导航。
$(".nav ul li");
它是否正确?有人能指出我正确的方向吗?
建设性地,
所有ul
元素:
$("ul")
所有ul
具有类名的元素nav
:
$("ul.nav")
具有 classname 的所有li
元素下的所有元素:ul
nav
$("ul.nav li")
这里有一个技巧可以帮助人们学习选择器:
使用 Chrome 浏览器 打开任何页面 右键单击页面并选择“检查元素” 在元素检查器中选择控制台选项卡
您可以直接在此控制台中键入命令。只尝试几个选择器,看看你会得到什么。如果您键入 $('p') 并按回车键,它将列出所有 p 元素。如果您输入 $('ul.nav li),它将显示该选择器是否有效(返回任何内容)。如果命令没有产生有效的选择器,它将返回 []。
选择 ul 中具有 nav 类的所有 li
像这样,选择 ul 中的所有 li.nav
类:
$('ul.nav li')
ul 中的所有 li 都具有 nav 类:
$("ul.nav li");
$('ul.nav li')
按照建议选择 ALL <li />
in <ul class="nav" />
。如果您只希望直系子女使用:
$('ul.nav > li')
https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator