JavaScript/jQuery

jQuery的事件加载测试(一)

    1. jQuery加载时$(function(){}),不是必须加的,放在页面demo之后,则js会按照从上到下的顺序执行,以下测试结果:

    blob.png

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jquery的加载测试</title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	</head>
	<body>
		<style type="text/css">
			.test{
				width: 100px;
				height: 100px;
				margin: 10px;
				border: 1px solid;
			}
		</style>
		
		<script type="text/javascript">
			$("#d1").click(function(){
				$(this).html("1");
			})
			$(function(){
				$("#d2").click(function(){
					$(this).html("2");
				})
			})
		</script>
		
		<div id="d1" class="test"></div>
		<div id="d2" class="test"></div>
		<div id="d3" class="test"></div>
		<div id="d4" class="test"></div>
		
		<script type="text/javascript">
			$(function(){
				$("#d3").click(function(){
					$(this).html("3");
				})
			})
			
			$("#d4").click(function(){
				$(this).html("4");
			})
		</script>
	</body>
</html>

留言

您的电子邮箱地址不会被公开。 必填项已用*标注