How jquery queries child elements
Editor to share with you how jquery query sub-elements, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!
The method of jquery querying subelements: 1, using the children () method, you can get the direct subset elements under the specified element; 2, using the find () method, you can get all the subset elements under the specified element (including the subset of the subset).
The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.
JQuery child element selector find () and children ()
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)
Document div {/ * background-color: pink * /} 11 aaa bbb ccc 222ddd Eee fff $("div") .children (".no1") .css ({color:'#a61c00' BackgroundColor: "# 0000ff"}) Console.log ($("div"). Children (".no1") [0]); / / print the acquired dom element and you will find that the result is undefined / / $("div"). Find (".no1"). Css ({color:'#a61c00',backgroundColor: "# 0000ff"})
At this point, let's open the comment on the find item.
Document div {/ * background-color: pink * /} 11 aaa bbb ccc 222ddd Eee fff / / $("div") .children (".no1") .css ({color:'#a61c00' BackgroundColor: "# 0000ff"}) / console.log ($("div") .children (".no1") [0]); $("div") .find (".no1") .css ({color:'#a61c00',backgroundColor: "# 0000ff"}); console.log ($("div") .find (".no1") [0])
Corresponding screenshot:
Summarize the differences:
The children () method returns all direct child elements of the selected element (direct child elements, only looking for sons, no grandchildren (: that is, no recursive traversal)
The find () method gets the descendants of each element in the current element collection (note that the find () method must pass parameters, otherwise it is invalid)
The above is all the content of the article "how to query child elements by jquery". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
