Shulou(Shulou.com)05/31 Report--

This article mainly explains "how to query all child elements in jquery". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to query all child elements by jquery".

In jquery, you can use the find () method to query all subelements, which can get all subset elements under the specified element, including the subset of the subset; this method needs to pass in a parameter to filter the results, just set the parameter to "*" to find all the subelements, and the syntax "$(specified element). Find (" * ")".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

In jquery, there are two ways to find child elements:

The children () method: gets the direct subset element under this element

Find () method: gets all the subset elements under this element (including a subset of the subset)

Where you want to query all the child elements, you can only use the find () method.

The find () method returns the descendant elements of the selected element. (descendants are sons, grandchildren, great-grandchildren, and so on. )

DOM tree: this method traverses down the descendants of the DOM element to all paths of the last descendant ().

Syntax:

The $(selector) .find (filter) parameter is required to describe filter. Filter selector expressions, elements, or jQuery objects that search for descendant criteria.

Note: if you want to return multiple descendants, separate each expression with a comma.

Note: the filter parameter is used to filter the search results. You only need to set the parameter to "*" to find all child elements.

Example: query all child elements

.div, div * {display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px } $(document) .ready (function () {$("button") .on ("click") Function () {$("ul") .find ("*") .css ({"color": "red", "border": "2px solid red"}) );}) Div (parent node) ul (specified element) li (child node 1) span (grandnode 1) Li (Child Node 2) span (grandNode 2) li (Child Node 3) span (grandNode 3) Select all child elements of ul

At this point, I believe you have a deeper understanding of "how to query all child elements in jquery". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.