How to use hide () and show () in jQuery

Editor to share with you how to use hide () and show () in jQuery, I believe most people don't know much about it, so share this article for your reference. I hope you will get a lot after reading this article. Let's learn about it together.

JQuery hide () and show ()

With jQuery, you can use the hide () and show () methods to hide and show the HTML element:

$("# hide") .click (function () {

("p") .hide ()

});

$("# show") .click (function () {

("p") .show ()

});

Syntax:

$(selector) .hide (speed,callback)

$(selector) .show (speed,callback)

The optional speed parameter specifies the speed at which to hide / show. You can take the following values: "slow", "fast", or milliseconds.

The optional callback argument is to hide or show the name of the function that is executed after completion.

The following example demonstrates the hide () method with the speed parameter:

Example

$("button") .click (function () {

("p") .hide (1000)

});

The above is all the contents of the article "how to use hide () and show () in 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!