gpt4 book ai didi

javascript - 链接的 jquery 事件处理

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:53:51 24 4
gpt4 key购买 nike

我正在开始使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com