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

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

13 голосов
/ 03 ноября 2008

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

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

1 Ответ

11 голосов
/ 03 ноября 2008

Полагаю, что страницу 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="http://example.org">Remove me</a>
  </p>
</body>
</html>
...