jquery如何查询节点内的元素


本文小编为大家详细介绍“jquery如何查询节点内的元素”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery如何查询节点内的元素”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 查询方法:1、使用children()函数,可查询指定节点内的直接子集元素,语法“$(selector).children(filter)”;2、使用find()函数,可查询指定节点内的所有(包括子集的子集)子集元素,语法“$(selector).find(filter)”。查询节点内的元素,就是查询指定节点的子元素。jquery查询子元素有两种方法:children()方法:获取该元素下的直接子集元素find()方法:获取该元素下的所有(包括子集的子集)子集元素下面我们就来了解一下这两个方法。jquery 免费云主机域名children()方法children() 方法返回被选元素的所有直接子元素。DOM 树:该方法只沿着 DOM 树向下遍历单一层级。如需向下遍历多个层级(返回子孙节点或其他后代),请使用 find() 方法。提示:如需沿着 DOM 树向上遍历单一层级,或向上遍历直至文档根元素的所有路径(返回父节点或其他祖先),请使用 parent() 或 parents() 方法。注意:该方法不会返回文本节点。如需返回包含文本节点的所有子节点,请使用 contents() 方法。语法

$(selector).children(filter)

示例:

html>

	
		
div(父节点)
    ul(指定元素)
  • li(子节点1) span(孙节点1)
  • li(子节点2) span(孙节点2)
  • li(子节点3) span(孙节点3)

jquery find() 方法find() 方法返回被选元素的后代元素。(后代是子、孙、曾孙,依此类推。)DOM 树:该方法沿着 DOM 元素的后代向下遍历,直至最后一个后代的所有路径()。语法:

$(selector).find(filter)

说明:filter参数用于过滤查找结果,只需要将参数设置为“*”即可查找全部子元素。示例:查询所有子元素

html>

	
		
div(父节点)
    ul(指定元素)
  • li(子节点1) span(孙节点1)
  • li(子节点2) span(孙节点2)
  • li(子节点3) span(孙节点3)

读到这里,这篇“jquery如何查询节点内的元素”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: es6的导入方法有哪些

本篇内容主要讲解“es6的导入方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“es6的导入方法有哪些”吧! 方法:1、把一个文件中export的所有变量,包装成一个对象,用“import * as from…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/10 18:48
Next 05/10 18:49

相关推荐