[jQuery] $("selector1 selector2") $("selector1 > selector2&quo

[jQuery] $("selector1 selector2") $("selector1 > selector2&quo,第1张

概述jQuery 选择元素的方式有很多种,其中三种容易混淆,记录下来,以示区别。$("selector1 selector2")选取所有 seletor1 下的所有后代元素 selector2 ,是祖先和后代的关系,子子孙孙辈都是后代。$("selector1 &gt selector2")选取所有 sel

jquery 选择元素的方式有很多种,其中3种容易混淆,记录下来,以示区分。


$("selector1 selector2")

选取所有 seletor1 下的所有后代元素 selector2 ,是先人和后代的关系,子子孙孙辈都是后代。


$("selector1 > selector2")

选取所有 selector1 下的所有孩子元素 selector2 ,是父母和孩子的关系,孩子只包括儿女辈,不包括孙子辈及以后。


$("selector1,selector2")

选取所有 selector1 元素和所有 selector2 元素。


实例代码:

<script type="text/JavaScript"> $(function() { var len1 = $("#div1 div").length; alert(len1); //3 var len2 = $("#div1 > div").length; alert(len2); //2 var len3 = $("#div1,div").length; alert(len3); //4 }); </script> <div ID="div1"> <div> <div></div> </div> <div></div> </div>需要略微关注的1点是,$("#div1,div") 选择的时候,ID=div1 的 div 元素既符合 $("#div1") 又符合 $("div") ,使用 $("#div1,div") 选择的时候jquery会按实际元素数量计算,不用担心此处存在重复计数的问题。

总结

以上是内存溢出为你收集整理的[jQuery] $("selector1 selector2") $("selector1 > selector2&quo全部内容,希望文章能够帮你解决[jQuery] $("selector1 selector2") $("selector1 > selector2&quo所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1018432.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存