提问人：Micah 提问时间：11/4/2008 最后编辑：Mike PenningtonMicah 更新时间：7/21/2012 访问量：6572
带有 jquery 的不显眼的 javascript - 好的 10 分钟教程？
Unobtrusive javascript with jquery - good 10 minute tutorial?
问：
我正在寻找一个使用 JQuery 对 Unobtrusive Javascript 的 10 分钟介绍。我对这个概念完全陌生，我想看看事件绑定等是如何工作的。
作为一些背景，我希望做一个类似于我们在 SO 上的“删除此标签”系统。查看源代码，我没有看到任何js，只是一个img标签。这让我认为必须有绑定到 click 事件的外部 js。我想知道如何做到这一点，我想要一个教程来告诉我如何做！
答：
11赞
Damir Zekić
11/4/2008
#1
我想jQuery主页上的教程页面将是一个很好的起点:)
删除您单击的链接的简单示例如下：
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
// execute script only when DOM has finished loading
$(document).ready(function() {
$('#removeme').click(function() {
// remove element that has been target of the event
$(this).remove();
// stop browser from following the link
return false;
});
});
</script>
</head>
<body>
<p>
<a id="removeme" href="http://example.org">Remove me</a>
</p>
</body>
</html>
评论