Shulou(Shulou.com)06/02 Report--

Editor to share with you how jquery controls the display and hiding of li elements, I believe most people don't know much about it, so share this article for your reference. I hope you can learn a lot after reading this article. Let's learn about it together.

Jquery controls the display and hiding of li elements: 1, using the show () method to control the display of li elements, the syntax is "$(" li "). Show ()"; 2, the use of hide () method to control the hiding of li elements, the syntax is "$(" li "). Hide ()".

The operating environment of this tutorial: windows7 system, jquery3.2.1 version, Dell G3 computer.

In jquery, you can control the display and hiding of li through the show () method and the hide () method, and the hide () method hides the selected element if it is already displayed. The syntax is:

$(selector) .hide (speed,callback)

The show () method displays selected elements if they are hidden. The syntax is:

$(selector) .show (speed,callback)

Examples are as follows:

Sprite cola herbal tea shows and hides $(function () {$('# anniu') .click (function () {/ / Click the button if ($('# test'). Is (': hidden')) {/ / if it is currently hidden $('# test'). Show (); / / Click to show} else {/ / otherwise $('# test'). Hide (); / / Click to hide}})

Output result:

The above is all the content of the article "how jquery controls the display and hiding of li elements". 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!

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.