<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery-1.9.1.js" type="text/javascript">
</script>
<script type="text/javascript">
$(".test").click(function(){
alert("jQuery");
});
</script>
</head>
<body>
<p class="test">单击执行</p>
</body>
</html>
这个代码并不能执行出结果。原因 缺少了
$(document).ready(function() {})
这个就是jQuery ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。
一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。
几种写法:
$(document).ready(function(){
//do something
})
与下面的代码等价
$().ready(function(){
//do something
})
与下面的等价
$(function(){
// do something
});