jquery教程10：jquery查找子元素的方法

7、 jquery查找子元素的方法

我们要查找这个div下的一个class为demo的span元素，有一下几种方法： 1、使用筛选条件：$(‘#test span.demo’) 2、使用find()函数：$(‘#test’).find(‘span.demo’) 3、使用children()函数 ：$(‘#test’).children(‘span.demo’)
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。例如：下面的例子返回每个 <div> 元素的所有直接子元素：

实例：$(document).ready(function(){ $("div").children(); });
您也可以使用可选参数来过滤对子元素的搜索。

下面的例子返回类名为 "1" 的所有 <p> 元素，并且它们是 <div> 的直接子元素：
实例：$(document).ready(function(){ $("div").children("p.1"); });

8、 find() 方法查找子元素

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
下面的例子返回属于 <div> 后代的所有 <span> 元素：

实例
$(document).ready(function(){ $("div").find("span"); });

下面的例子返回 <div> 的所有后代：
实例
$(document).ready(function(){ $("div").find("*"); });