[jquery生手求教]jquery选择器不起作用
日期：2014-05-16 浏览次数：20371 次
[jquery新手求教]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内
------解决方案--------------------
写了一个简单的页面， 使用 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>
jQuery
------解决方案--------------------
把你的绑定事件方法放到$(document).ready内
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
