Ненавязчивый javascript с jquery - хороший 10-минутный учебник?

Я ищу хорошее 10-минутное введение в Unobtrusive Javascript, используя JQuery. Я совершенно новичок в этой концепции, и я хотел бы увидеть, как привязка события и такие работы.

Как некоторый фон, я ищу, чтобы сделать систему "удалить этот тег", подобную той, что мы имеем здесь, на SO. Глядя на источник, я не видел никаких js, просто тег img. Это заставляет меня думать, что внешние события js должны быть привязаны к событию click. Я хочу знать, как это сделать, и я хочу, чтобы учебник показывал мне, как это сделать.

Ответы

Ответ 1

Я думаю, что страница Tutorials на домашней странице 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="#" onclick="location.href='http://example.org'; return false;">Remove me</a>
  </p>
</body>
</html>