Home > Web Front-end > JS Tutorial > body text

Detailed explanation of usage examples of find() and filter() operations in jQuery

伊谢尔伦
Release: 2017-07-19 14:10:06
Original
2628 people have browsed it

find(expr|obj|ele)

Official explanation:

Return value: jQuery

Overview

Search for all elements that match the specified expression. This function is a great way to find out the descendant elements of the element being processed.

All searches rely on jQuery expressions. This expression can be written using CSS1-3 selector syntax.

Parameters

expr String
Expression used to find
jQuery object object
One used to match elements jQuery object
element DOMElement
A DOM element

Example

##Description:

Start from all paragraphs and search further for span elements below. Same as $("p span").


HTML code:

<p><span>Hello</span>, how are you?</p>
Copy after login

jQuery code:



$("p").find("span")
Copy after login

Result:


[ Hello ]


#filter(expr|obj|ele|fn)
Official explanation:


Overview

Filter out the set of elements that match the specified expression.


This method is used to narrow the matching scope. Separate multiple expressions with commas


Parameters


expr String

String value containing selectors for matching the current set of elements expression.

jQuery object object
Existing jQuery object to match the current element.
element Expression
A DOM element used to match elements.
function(index) Function
A function is used as a collection of test elements. It accepts a parameter index, which is the index of the element in the jQuery collection. In functions, this refers to the current DOM element.


Example


Parameter selector description:


Retain with select class Element


HTML code:


<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
Copy after login

jQuery code:


$("p").filter(".selected")
Copy after login

Result:


[

And Again

]

The above is the detailed content of Detailed explanation of usage examples of find() and filter() operations in jQuery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template