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

This article mainly explains "how to use find in jquery", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "how to use find in jquery"!

In jquery, the find() method is used to return descendants of the selected element. The method iterates down all the paths of the DOM element's descendants until the last descendant. If you need to return multiple descendants, you can separate each expression with commas. The syntax is "element object.find(filter)."

Operating environment for this tutorial: Windows 10 system, jquery version 3.2.1, Dell G3 computer.

Use of jquery in find

The find() method returns descendant elements of the selected element.

Descendants are children, grandchildren, great-grandchildren, and so on.

DOM tree: This method iterates down the descendants of DOM elements until all paths of the last descendant (). If you only need to traverse down a single level in the DOM tree (returning immediate children), use the children() method.

Note: The filter parameter is required in the find() method, unlike other tree-traversal methods.

Tip: To return all descendent elements, use the "*" selector.

syntax

$(selector).find(filter)

Filter is required. Filter selector expressions, elements, or jQuery objects that search for descendant criteria.

Note: To return multiple descendants, separate each expression with commas.

Examples are as follows:

123. ancestors *{ display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px;}$(document).ready(function(){$("ul").find("span").css({"color":"red","border":"2px solid red"});});body (great-ancestor node)div (ancestor node)ul (direct parent node) li (child node)span (grandchild node)

Output:

At this point, I believe that everyone has a deeper understanding of "how to use find in jquery", so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to 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.