当前位置：首页 → 问答吧 → find 与 children 有什么区别？？？

find 与 children 有什么区别？？？

时间：2010-02-08

来源：互联网

感觉是一样的，一般都是用find吧？

作者: 115300111 发布时间: 2010-02-08

The .find() and .children() methods are similar, except that the latter only travels a single level down the DOM tree.
文档说的很清楚的么，这个2个方法很相似，但是后者只遍历1层dom树。
比如

复制代码

<div id="level1" class="haha">
<div id="level2" class='haha'>
<div id="level3" class="haha"></div>
</div>
</div>

这样的，你用$("#level1").find('.haha')和$("#level1").children('.haha')看看结果就知道了
附上完整代码及结果：

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" ></script>
</head>
<body>
<div id="level1" class="haha">
<div id="level2" class='haha'>
<div id="level3" class="haha"></div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
console.log($("#level1").find('.haha'));
console.log($("#level1").children('.haha'));
//]]>
</script>
</body>
</html>

作者: ywqbestever 发布时间: 2010-02-08

find 与 children 有什么区别？？？

热门阅读

热门下载