<!DOCTYPE html>
<html>
<head>
<title>练习选择器</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("p").click(function(){
console.log("dsafsad");
$(this).hide();
});
});
</script>
</head>
<body>
<p>asdfaf<p>
<p>333</P>
<p>1111</p>
<p>2222</P>
</body>
<html>
<head>
<title>练习选择器</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("p").click(function(){
console.log("dsafsad");
$(this).hide();
});
});
</script>
</head>
<body>
<p>asdfaf<p>
<p>333</P>
<p>1111</p>
<p>2222</P>
</body>
</html>
JS和HTML代码在页面的生成期间的加载是存在先后的,是由上直下的。所以有的时候JS莫名其妙的报错,而且代码也没有问题。
如果不加$(function(){});程序的点击事件就会不起作用,原因就是点击事件发生的时候p标签还没有生成
若是把$(function(){});去掉并且把js放到body后边就ok了。