jquery中如何获取当前DOM对象里的子元素

jquery中如何获取当前DOM对象里的子元素,第1张

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children()

方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery

对象或元素来筛选。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:

$('body')append($('div:first')text());

$('body')append($('div:last')text());

3、浏览器运行indexhtml页面,此时通过jquery获取了第一个div和最后一个div并打印了其内容。

find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

语法:find(selector)   参数selector  字符串值,包含供匹配当前元素集合的选择器表达式。

详细说明:

果给定一个表示 DOM 元素集合的 jQuery 对象,find() 方法允许我们在 DOM

树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery 对象。find() 与 children() 方法类似,不同的是后者仅沿着

DOM 树向下遍历单一层级。

find() 方法第一个明显特征是,其接受的选择器表达式与我们向 $() 函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。

实例:

以上就是关于jquery中如何获取当前DOM对象里的子元素全部的内容,包括:jquery中如何获取当前DOM对象里的子元素、jquery如何获取第一个或最后一个子元素、jquery获取子元素的方法 find()的用法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存