Analysis of the difference between parents() and parent() in jQuery_jquery

This article analyzes the difference between parents() and parent() in jQuery with an example and shares it with you for your reference. The specific analysis is as follows:

In fact, in jQuery, the concept of function or selector is very easy to understand. As long as you are proficient enough in the API manual, you can easily distinguish it. The same is actually true for the function in the title, but let’s do some simple ones here. Introduction, after all, this may be more convenient.

1.parents() function:

This function can get all parent elements of the matching element, code example:

Copy code The code is as follows:

$(".mayi").parents().css(" color","red");

The above code can set the font color of all parent elements of all elements whose class attribute value is "mayi" to red.
See a complete code example:

Copy code The code is as follows:

Script House 1

Script House One by One
Script House welcomes you

The above code can set the font color in all parent elements of the span element to red.

2.parent() function:

This function can get the first-level parent elements of all matching elements, not all parent elements.

Copy code The code is as follows:

$(".mayi").parents().css(" color","red");

The above code can set the font color in the first-level parent element of the element whose class attribute value is mayi to red.
Take a look at the complete code:

Copy code The code is as follows:

Script House 1

Script House One by One
Script House welcomes you

The above code can only set the font color of "Script Home One One" in the first-level parent element of the span element to red.

The biggest difference between these two functions is the return of the parent element. You can also feel it from the name of the function. With s, you can get all the parent elements. Without s, you can only get the first-level parent element. It is very simple. Here No more introduction, interested friends can refer to related articles.

I hope this article will be helpful to everyone’s jQuery programming.