为了账号安全,请及时绑定邮箱和手机立即绑定

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')????? 那我想 $('li', '.item-ii')是否等同于$('.item-ii li')

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')


那我是否可以这么写 $('.item-ii li') ??

正在回答

3 回答

Jquery选择器之间用逗号(,)隔开,注意引号,有两种情况:

1. 群组选择器:如:$("selector1,selector2"),表示选择这两个选择器匹配到的元素,然后求合集。

2. 相对选择器:如:$("selector1","selector2"),表示前一个选择器是在后一个选择器范围内去再次筛选,举例如下:

<ul class="item-li">

   <li>A</li>

   <li>B</li>

</ul>

<ul class="item">

   <li>C</li>

   <li>D</li>

</ul>

<script src="./jquery/1.9.1/jquery.min.js"></script>

<script>

$(function(){

   console.log($("li",".item-li").text());//返回 AA

   console.log($("li").text());//选中全部的 ABCD

})

</script>

教程中的,情况就是使用的相对选择器。所以li是选择的class为“item-li”下面的li。所以结论:

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')


3 回复 有任何疑惑可以回复我~
#1

绅先生

console.log($("li",".item-li").text());//返回 AA 返回的不应该是AB吗
2018-12-04 回复 有任何疑惑可以回复我~

同问此问题!!学到这里,真的有点晕了。

0 回复 有任何疑惑可以回复我~

可以!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')????? 那我想 $('li', '.item-ii')是否等同于$('.item-ii li')

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信