【天天一个JQuery特效】根据可见状态肯定是否显示或隐藏元素（3）

时间 2019-11-17

标签天天一个JQuery特效根据可见状态肯定是否显示隐藏元素栏目 JQuery 繁體版

原文原文链接

效果图示：javascript

主要代码：html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>根据可见状态肯定 是否显示或隐藏元素</title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//对单击“隐藏”或显示图片 按钮的响应
				$("#mytogglebtn").click(function(){
					$("#div1").toggle();
					var t = $("#mytogglebtn").text() == "隐藏图片"?"显示图片" : "隐藏图片";
					$("#mytogglebtn").text(t);
				});
				//对单击“隐藏图片”按钮的响应
				$("#myhidebtn").click(function(){
					$("#div1").hide();
				});
				//对单击“显示图片”按钮的响应
				$("#myshowbtn").click(function(){
					$("#div1").show();
				});
			});
		</script>
	</head>
	<body>
		<button id="mytogglebtn" style="width: 130px;">隐藏图片</button>
		<button id="myhidebtn" style="width: 130px;">隐藏图片</button>
		<button id="myshowbtn" style="width: 130px;">显示图片</button><br />
		<div id="div1">
			<img src="img/banner-bg.jpg" width="400" height="150"/>
		</div>
	</body>
</html>

相关说明：java

在本例代码中，若是被选中的元素已被显示，调用hide（）方法则隐藏该元素，hide（）方法的语法声明以下：jquery

$(selector).hide(speed,callback)

其中，speed和callback参数可选，speed默认值为"0"，可能值为毫秒值，callback参数，除非设置了speed参数，不然不能设置该参数。ide

若是被选元素已被隐藏，调用show（）方法则显示这些元素，show（）方法的语法声明以下：code

$(selector).show(speed,callback)

toggle()方法用于切换元素的可见状态，若是被选中元素是可见的，则隐藏；相反，则显示;toggle()方法的语法声明以下:htm

$(selector).toggle(speed,callback,switch)

参数switch是一个可选参数，类型为布尔值，该参数规定toggle（）方法是否隐藏或显示全部被选元素；True表示显示,False表示隐藏，若是设置了此参数，则没法使用speed和callback。blog