带有 jquery 的不显眼的 javascript - 10 分钟的好教程？答案

【问题标题】：Unobtrusive javascript with jquery - good 10 minute tutorial?带有 jquery 的不显眼的 javascript - 10 分钟的好教程？
【发布时间】：2010-09-20 13:13:59
【问题描述】：

我正在寻找一个很好的 10 分钟介绍使用 JQuery 的 Unobtrusive Javascript。我对这个概念完全陌生，我想看看事件绑定等是如何工作的。

作为一些背景知识，我正在寻找一个类似于我们在 SO 上的“删除此标签”系统。看源码，没看到什么js，就是一个img标签。这让我认为必须有外部 js 绑定到 click 事件。我想知道怎么做，我想要一个教我怎么做的教程！

【问题讨论】：

在这里看起来像是一大堆：docs.jquery.com/Tutorials
我最近发现了 Simon Willison 的 a nice article on non obtrusive javascript with jQuery。
试试这个：railscasts.com/episodes/205-unobtrusive-javascript

标签： javascript jquery html unobtrusive-javascript

【解决方案1】：

我猜想 jQuery 主页上的 Tutorials 页面将是一个不错的起点:)

删除您点击的链接的简单示例如下：

<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>

【讨论】：