How does jquery get the child elements of the parent element?

You can use jQuery's children method to get all the child elements under an element. Given a jQuery object that represents a collection of DOM elements. The children () method allows us to retrieve these elements in the DOM tree and construct a new jQuery object with matching elements. . find()？ Similar to. Children () method, but the latter only traverses one level of DOM tree.

Tool materials: editor, browser

1. You can get all the child elements under the selector by using the children method. The code example is as follows:

& lt！ DOCTYPE？ html & gt

& lthtml & gt

& lthead & gt

& lt script? type="text/javascript "？ src = "/jquery/jquery . js " & gt； & lt/script & gt；

& ltstyle & gt

Body? {? Font size:16px; ? Font thickness: bold; ? }

p？ {? Margin: 5px? 0; ? }

& lt/style & gt；

& lt/head & gt；

& ltbody & gt

& ltdiv & gt

& ltspan & gt Hello & lt/span>.

& ltp？ Class="selected "> hello? Again & lt/p & gt；;

& ltdiv？ Class="selected "> and then what? Again & lt/div & gt；;

& ltp> and then what? One? Finally? Time & lt/p & gt；;

& lt/div & gt；

& lt script & gt $ ("div"). Children (. Selected "). Css("color ","blue "); & lt/script & gt；

& lt/body & gt；

& lt/html & gt； 2. The result of running is to find the child elements of all DIVs with the class name "selected" and set them to blue. The results are as follows: