我正在开始使用 jquery 并遵循此处官方网站上的教程。 http://docs.jquery.com/How_jQuery_Works#jQuery:_The_Basics
我在文档就绪上标记为“启动代码”的部分。如果您注意到，他们提供了两个示例。一个是在将您带到 jquery 站点之前弹出警告框，另一个是警告框阻止您访问该站点。
假设我想要两个链接。一个出现警告框并单击“确定”，然后继续到 jquery 的站点，另一个出现警告框但阻止您进入 jquery 的站点。我只是想能够找出不同链接的不同响应。我需要给它某种 ID 吗？
这是代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<script src="jquery.js"></script><br/>
<a href="http://jquery.com/" id="1">jQuery</a><br/> <!--first link: will display message and then proceed to site -->
<script>
$(document).ready(function(){
$("a#1").click(function(event){
alert("Thanks for visiting!");
});
});
</script>
<a href="http://jquery.com/" id="2">jQuery</a> <!-- second link: message appears and does not continue to site -->
<script>
$(document).ready(function(){
$("a#2").click(function(event){
alert("As you can see, the link no longer took you to jquery.com");
event.preventDefault();
});
});
</script>
编辑 - 添加 id 到 anchor 。谢谢你们，它的工作原理。
最佳答案
是的，使用 id 是引用 anchor 的最直接方式。
<a id="anchor1" href="..">anchor 1</a>
允许
$("#anchor1").click(function(event){
alert("Thanks for visiting!");
event.preventDefault();
});
关于javascript - 链接的 jquery 事件处理，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10415641/