How to click the button to disappear in jquery

This article mainly introduces "jquery how to click on the button to disappear". In daily operation, I believe many people have doubts about how to click on the button to disappear in jquery. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the question of "how to click on the button to disappear in jquery". Next, please follow the editor to study!

Implementation method: 1, use click () to bind the button element click event, and set the handler, syntax "$(" button ") .click (function () {...});"; 2, in the handler function, use hide () to hide the button element, syntax "$(this). Hide ();".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery implements the way to click the button to disappear:

Implementation method:

Bind the click event to the button element with click () and set the handler

In the handler, hide the button element with hide ()

Implementation code:

$(document) .ready (function () {$("button") .click (function () {$(this). Hide ();}) Click the button, click and disappear

A number indicating the number of seconds can be entered or left in hide () n, specifying the speed of the hiding effect.

$(this) .hide (1000)

Description:

The hide () method hides the selected element

Syntax:

The $(selector) .hide (speed,easing,callback) parameter description speed is optional. Specifies the speed of the hiding effect.

Possible values:

Millisecond

"slow"

"fast"

Easing is optional. Specifies the speed of the element at different points in the animation. The default is "swing".

Possible values:

"swing"-move slowly at the beginning / end and fast in the middle

"linear"-moving at a uniform speed

Tip: more easing functions are available in the extension. Callback is optional. The function to be executed after the hide () method is executed. At this point, the study on "how to click the button to disappear in jquery" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!