jquery选择器不起作用没有反应
写了一个简单的页面， 使用 jquery , 奇怪的是， 下面的 ready 函数起作用了， 而 click 函数怎么也不起作用。 求教原因。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>导航菜单</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
alert('Page loading completed.');
}
);
$('#nav').click(
function() {
alert('导航菜单');
}
);
$("a").click(
function() {
alert('Click: ');
$('.select').removeClass('select');
$(this).addClass('select');
}
);
$("h1").click(
function() {
alert('H1');
}
);
</script>
</head>
<body>
<h1> 导航菜单 </h1>
<div id="topnav">
<div class="topnav_list">
<a href="#" class="select"><span>首页</span></a>
<a href="#"><span>云服务器</span></a>
<a href="#"><span>负载均衡</span></a>
<a href="#"><span>RDS</span></a>
<a href="#"><span>OSS</span></a>
</div>
</div>
<div id="nav">
<div class="nav_list">
<a href="#" class="select"><span>虚拟机</span></a>
<a href="#"><span>宿主机</span></a>
<a href="#"><span>集群</span></a>
<a href="#"><span>自定义</span></a>
<a href="#"><span>帮助</span></a>
</div>
</div>
</body>
</html> 把你的绑定事件方法放到$(document).ready内 $(document).ready方法是页面dom元素载入后的执行内部方法，你放在外面dom元素还没加载，也就是说你的$('#nav')和$("a")没有找到你所希望的内容，所以。。。。
放在外面，对象还没生成，你就执行绑定，是不行的