search

Home >Web Front-end >Front-end Q&A >How to make the click button disappear in jquery

How to make the click button disappear in jquery

青灯夜游
青灯夜游Original
2022-03-25 19:05:073098browse

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

How to make the click button disappear in jquery

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

jquery method to realize that click button disappears:

Implementation method:

  • Use click() to bind the click event to the button element and set the processing function

  • In the processing function, use hide() to hide the button element

Implementation code: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$(this).hide();
				});
			});
		</script>
	</head>
	<body>
		<button>点击按钮，点击后消失</button>
	</body>
</html>

How to make the click button disappear in jquery

hide()n can enter and exit a number representing the number of seconds to specify the speed of the hidden effect. 

$(this).hide(1000);

How to make the click button disappear in jquery

Description:

hide() method hides the selected element

Syntax: 

$(selector).hide(speed,easing,callback)
Parameters Description
speed Optional. Specifies how quickly the effect is hidden.

Possible values:

  • Milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the element's speed at different points in the animation. The default value is "swing".

Possible values:

  • "swing" - moves slowly at the beginning/end, moves fast in the middle
  • "linear" - moves at a constant speed
Tips: More available easing functions are provided in the extension plug-in.
callback Optional. The function to be executed after the hide() method is executed.

[Recommended learning: jQuery video tutorial, web front-end video】

The above is the detailed content of How to make the click button disappear in jquery. For more information, please follow other related articles on the PHP Chinese website!

jquery function 事件 this
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to add a row on click in jquery formNext article：How to add a row on click in jquery form

Related articles

See more