jquery's Find () method and the filter () method are easy to confuse for beginners, where the two methods are compared and illustrated by a small example. The purpose is to understand the difference between the two methods.
HTML code
Question: Why does "Test 2" not change to red here?
The find () method definition: It is the descendant of each element in the current element collection, filtered by selectors, jQuery objects, or elements.
The find () method should be noted: the finding () method is found inside the current element collection. does not include himself.
The above example $ ("div") contains two elements. The first element meets the requirements. But the second element Div itself's class is "rain", but there is no class=rain inside it. So it doesn't fit.
Use the filter () method below to see what new gadgets are.
$ ("div"). Filter (". Rain"). CSS (' color ', ' #FF0000 ');Show Results:
The filter () method defines that the filter () method reduces the collection of matching elements to elements of the specified selector.
The meaning is a collection of matching elements, with selectors testing each element itself (not descendants), the elements that match the selector are contained in the set, and the mismatch is removed (the selector is the filter). To form a new result set.
In the example above: Find () looks for the element with rain in the DIV element (descendants). and filter () is the element that filters the div's class as rain. One is a subset of its operations, and one is the filtering of its own collection elements.
Looking at two examples of the filter () method: Example of a case two
The second form of using the filter () method is to filter the elements through functions rather than selectors. For each element, if the function returns True, the element is included in the filtered collection, or the element is excluded.
Take a look at the following example:
Here's the difference between the find () method and the Children () method.
The Find () method has already said, here is not boil, below say the children () method.
Children, the superficial meaning is: children, children, children's meaning. I generally understand here as children or sons. Why is it so understood? Now let's look at the definition of children.
Children () method definition: It is to get all the child elements of each element in the matching element collection. (not including himself, only in the son generation (first level) to find)
The find () method definition: It is the descendant of each element in the current element collection , filtered by selectors, jQuery objects, or elements.
I understand that children is the child element of the "son generation" that matches each element of the collection. Find () In addition to son generation, but also include grandchildren. That is, as long as it is a descendant of the line.
Here's an example to see:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
