Jquery selection sub-control 'greater than sign' and '' difference introduction and usage examples_jquery

parent > child

Overview
Matches all child elements under a given parent element

Parameters
parentSelector any valid selector
childSelector The selector used to match the element and it is a child of the first selector

Example
Description:
Matches all child input elements in the form.

HTML code:

Copy code The code is as follows:

Name:

Newsletter:

jQuery code:

Copy code The code is as follows:

$("form > input")

Result:

Copy code The code is as follows:

[ ]

ancestor descendant

Overview
In giving Matches all descendant elements under a given ancestor element

Parameters
ancestorSelector Any valid selector
descendantSelector The selector used to match the element, and it is the first selection Descendant elements

Example
Description:
Find all input elements in the form

HTML code:

Copy code The code is as follows:

Name:

Newsletter:

< ;/fieldset>

jQuery code:

Copy code The code is as follows:

$("form input")

Result:

Copy code The code is as follows:

[ , ]