网站建设资讯

NEWS

网站建设资讯

jquery如何查询子元素

小编给大家分享一下jquery如何查询子元素,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司是专业的斗门网站建设公司,斗门接单;提供成都网站设计、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行斗门网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

jquery查询子元素的方法:1、使用children()方法,可以获取指定元素下的直接子集元素;2、使用find()方法,可以获取指定元素下的所有(包括子集的子集)子集元素。

jquery如何查询子元素

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jQuery 子元素选择器 find() 和 children()

  • children()方法:获取该元素下的直接子集元素

  • find()方法:获取该元素下的所有(包括子集的子集)子集元素



	
	Document
	


    
     11          
         aaa     
  • bbb
  •     
  • ccc
  •     
    
     222     
        
  • ddd
  •     
  • eee
  •     
  • fff
  •     
    
   

jquery如何查询子元素

此时我们再把find 这项打开注释



	
	Document
	


    
     11          
         aaa     
  • bbb
  •     
  • ccc
  •     
    
     222     
        
  • ddd
  •     
  • eee
  •     
  • fff
  •     
    
 

对应截图:

jquery如何查询子元素

总结 一下区别:

children() 方法返回返回被选元素的所有直接子元素 (直接子元素,只找儿子不要孙子(: 也就是说不会递归去遍历)

find()方法获得当前元素集合中每个元素的后代 (注意find()方法,必须传参数,否者无效)

以上是“jquery如何查询子元素”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


标题名称:jquery如何查询子元素
网页URL:http://cdweb.net/article/gsipjs.html