jqueryfind（jqueryfind方法 查找多个）

jquery find（jquery find方法 查找多个）是用于查找页面元素的jquery选择器之一。它可以在指定的元素内部查找满足条件的子元素，或者根据条件在整个文档中查找元素。除此之外，jquery find方法还可以查找多个元素，并支持链式调用。

一、查找单个元素

jquery find方法最基本的使用情形是查找单个元素。代码示例如下：

$(selector).find(filter);

其中，selector为指定的元素，filter为查找条件。如果指定了selector，则只在其内部查找元素；否则，在整个文档中查找元素。返回值为一个jquery对象，包含所有符合条件的元素。

这里的selector和filter都可以使用css选择器。例如：

// 在id为container的元素内部查找class为test的元素
$(\"#container\").find(\".test\"); 
// 在整个文档中查找所有p标签
$(\"body\").find(\"p\");

二、查找多个元素

除了查找单个元素，jquery find方法还支持查找多个元素。这可以通过在filter中使用逗号分隔不同的查询条件实现。示例如下：

// 在id为container的元素内部查找class为test和class为demo的元素
$(\"#container\").find(\".test, .demo\"); 
// 在整个文档中查找所有p标签和所有a标签
$(\"body\").find(\"p, a\");

三、链式调用

jquery find方法支持链式调用，这意味着我们可以在一个jquery对象上多次使用find方法进行查找，从而实现更灵活的查询。示例如下：

// 在id为container的元素内部查找class为test的元素，再查找class为inner的元素
$(\"#container\").find(\".test\").find(\".inner\");
// 在整个文档中查找所有p标签，再查找其中的em标签
$(\"body\").find(\"p\").find(\"em\");

四、扩展查询条件

jquery find方法还可以通过添加新的选择器函数，扩展其查询条件。例如，我们可以添加一个新的选择器函数，用于查找有指定data属性的元素：

// 定义新的jquery选择器函数
$.extend($.expr[':'], {
    hasData: function(elem, index, match) {
        return $(elem).data(match[3]) !== undefined;
    }
});
// 使用新的选择器函数查询有data-name属性的input元素
$(\"form\").find(\"input:hasData('name')\");

五、总结

jquery find方法可以在指定的元素内部或整个文档中查找符合条件的元素，支持查找单个元素、多个元素和链式调用。此外，可以通过添加新的选择器函数扩展其查询能力。掌握jquery find方法，能够更快速、便捷地查询和操作页面元素。