一、jQuery find()方法
jQuery find()方法是用于查找指定元素的后代元素的方法，该方法针对被选元素执行查找操作并返回所有符合条件的后代元素。find()方法在DOM树内查找后代元素时，只会在所选元素内进行查找过程，所以查找的元素不会包含所选元素本身。
下面是find()方法的代码示例：
$("p").find("span")
上面的代码中，查找了所有p元素的后代元素中的元素。
二、jQuery find()函数
与其他jQuery函数一样，find()方法也可以作为一个函数来使用。当该方法作为函数调用时，参数必须是一个选择器字符串。
下面是find()函数的代码示例：
$.find("p")上面的代码中，查找了文档中所有
元素的后代元素。
三、jQuery find()取值
find()方法返回的是jQuery对象，该对象包含所有符合条件的后代元素。
下面是find()取值的示例：
var $result = $("ul").find("li");
console.log($result);
//输出为
//jQuery.fn.init(3) [li, li, li]
//0: li
//1: li
//2: li
//length: 3
//__proto__: jQuery.fn.init(0)
上面的代码中，查找了所有ul元素中的所有li元素，并将结果赋值给了$result变量。这里的$output变量包含了所有后代li元素。
四、jQuery find()方法 查找多个选取
使用find()方法时，可以传入多个选择器来查找多个选取的后代元素。
下面是查找多个选取的代码示例：
var $result = $("ul").find("li, span, a");
console.log($result);
//输出为
//jQuery.fn.init(5) [li, li, li, span, a]
//0: li
//1: li
//2: li
//3: span
//4: a
//length: 5
//__proto__: jQuery.fn.init(0)
上面的代码中，查找了所有ul元素中的后代li、span、a元素，并将结果赋值给了$result变量。
五、总结
jQuery find()方法是对jQuery常用方法之一，能够用于查找指定元素的后代元素，非常实用。在使用该方法时，需要注意传入选择器的正确性，否则将无法查找到想要的元素。
而且，该方法还可以与其他jQuery函数一样，作为一个函数来使用。可以在开发中灵活运用，提高开发效率。最后，需要注意jQuery find()方法只会在所选元素内进行查找过程，所以查找的元素不会包含所选元素本身。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/271592.html
微信扫一扫 
支付宝扫一扫 