jQuery 연습 - 효과 숨기기 및 표시

1343 단어
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>click.html</title>
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			$( function() {
				$("#hide").click( function() {
					//$("#content").hide();	
					$("#content").hide(1000); // 
				});
		
				$("#show").click( function() {
					//$("#content").show();
					$("#content").show(1000, test);
				});
			});

			/*
				$(selector).hide(speed,callback);
				$(selector).show(speed,callback);
				  speed  / , :"slow"、"fast"  。
				  callback  。
			 */
			function test() {
				alert("hello,world");
			}
		</script>

	</head>

	<body>
		<p id="content">
			 , 。 , 。
		</p>

		<button id="hide"> </button>
		<button id="show"> </button>

	</body>
</html>

좋은 웹페이지 즐겨찾기