博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery find 和 children()
阅读量:7058 次
发布时间:2019-06-28

本文共 796 字,大约阅读时间需要 2 分钟。

hot3.png

jQuery是一个合集对象,如果想快速查找DOM树中的这些元素的后代元素,此时可以用find()方法,这也是开发使用频率很高的方法。这里要注意 children与find方法的区别,children是父子关系查找,find是后代关系(包含父子关系) .find()方法要注意的知识点:

find是遍历当前元素集合中每个元素的后代。只要符合,不管是儿子辈,孙子辈都可以。与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。find只在后代中遍历,不包括自己。选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。注意重点:.find()和.children()方法是相似的1.children只查找第一级的子节点2.find查找范围包括子节点的所有后代节点这里再简单介绍以下children()和find()的异同:1> children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。 2> children方法获得的仅仅是元素一下级的子元素,即:immediate children。 3> find方法获得所有下级元素,即:descendants of these elements in the DOM tree 4> children方法的参数selector 是可选的(optionally),用来过滤子元素,所以 find().text() 是没有内容的

转载于:https://my.oschina.net/u/2419285/blog/922121

你可能感兴趣的文章
“前.NET Core时代”如何实现跨平台代码重用 ——程序集重用
查看>>
一哄而起云计算(透视)
查看>>
如何实现对上下文(Context)数据的统一管理 [提供源代码下载]
查看>>
RvmTranslator Translate RVM to 3D PDF
查看>>
“厨房助理”——汉堡烹饪机器人Flippy迎来了它的餐厅首秀
查看>>
New Release: patterns & practices App Arch Guide 2.0 Beta 1
查看>>
《中国人工智能学会通讯》——8.27 结束语
查看>>
服务企业互联网化用友进入3.0时代
查看>>
英特尔推新款Quark芯片升级物联网
查看>>
《中国人工智能学会通讯》——4.4 视频结构化描述技术在平安城市中 的应用...
查看>>
Fortinet FortiGuard安全实验室解密APT攻击的那些事儿
查看>>
用友云重装出发:你想得到的企业服务都在这
查看>>
经典网络的ECS实例支持升级到企业级实例
查看>>
《网络空间欺骗:构筑欺骗防御的科学基石》一2.3 欺骗型安全技术
查看>>
当“双态IT”已成共识 如何打造以数据驱动的运维平台?
查看>>
定位与大数据邂逅,Wi-Fi大不相同
查看>>
物联网技术正颠覆零售行业
查看>>
中科曙光智慧城市落地玉树,致力于藏区维稳工作
查看>>
绿盟科技互联网安全威胁周报2016.31 Memcached多个整数溢出漏洞CVE-2016-8704
查看>>
面向多类型场景,浪潮超融合架构解决方案亮相vForum
查看>>