当前位置:jQuery学习 > jQuery > jQuery方法区别(五)find() children区别

jQuery方法区别(五)find() children区别

时间:2010-10-05QQ群:116983258

find() children()这两个方法也是比较相似的,本篇看下它们两个的区别。find()查找的是子孙、children()查找的是子女元素,相信你如果对dom结构熟悉的话,已经能区分它们两者的不同了。

接下来,直接看个具体的例子,好让你一下子掌握find()和children()的区别。html如下:

<div id="showfind" style="width:200px;">
    <div>
       jQuery学习
       <div style="background:blue;">find要起作用</div>
    </div>
    
    <div>jQuery学习</div>
</div>
$("#showfind").find("div").css("background", "yellow");
$("#showchildren").children("div").css("background", "yellow")

简单的说,find会找当前div下的所有元素,而children只会找当前div下的一层,不会再向下查找。本篇总结了find()方法和children()方法的区别,最后我们发现常用的、安全些的方法是find()。

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/find()-children().html

大家说了些什么

  1. 1. 朋友的你 2010-11-04 22:29

    晓月,find()查找的是子孙、children()查找的是子女元素。 你可以看到当第二个按钮点击时背景色仍然是蓝色。

所有话题