How jquery hides child elements

This article mainly explains "how jquery hides sub-elements". The explanation content in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian slowly and deeply to study and learn "how jquery hides sub-elements" together!

jquery hidden child element method: 1, with children() and hide() method, syntax "$(" parent element ").children().hide()";2, with find() and hide() method, syntax "$(" parent element ").find(" child element ").hide()".

This tutorial operates on Windows 7, jquery version 1.10.2, Dell G3 computers.

jquery hides child elements

Implementation method:

First you need to select child elements

children() method: Get the direct subset element under this element

Find() method: Get all (including subset of subset) subset elements under this element

Then hide the selected child elements using the hide() method.

Use the children() and hide() methods

$(document).ready(function() { $("button").click(function() { $("ul").children().hide(); }); }); .intro { border: 1px solid red; } list1 list1-1 list1-2 list2 list2-1 list2-2 list3 list3-1 list3-2 Hide child elements

Use the find() and hide() methods

$(document).ready(function() { $("button").click(function() { $("ul").find("li").hide(); });}); Thank you for reading, the above is the content of "jquery how to hide child elements", after learning this article, I believe that everyone has a deeper understanding of how jquery hides child elements, and the specific use needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!