Пример из вопроса не работает из-за синтаксической ошибки. Там неправильная
комбинация кавычек. Их нужно либо экранировать с помощью обратной косой черты
(\"
), либо заменить на одинарные без ущерба для HTML.
$("#main").append("<div id='one'><a href='#'>Тест</a></div>");
$('#one a').click(function() {
console.log('1');
});
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main"></div>
В остальном код работоспособен. Вызов метода .click(c)
абсолютно идентичен
вызову .on("click", c)
, и замена ни на что не влияет.
Если поменять последовательность создания тега со ссылкой и навешивание
обработчика щелчка, код, естественно, работать не будет т.к. $("#one a")
вернёт пустую коллекцию, и метод будет не к чему применять. Если логика работы
требует вначале создавать обработчик, а затем ссылки, можно его навешивать на
корневой элемент и перехватывать всплывающие события от ссылок,
отфильтровыывая их. Для такой фильтрации надо вызывать метод
.on("click", "#one a", c)
. Тогда каждое нажатие в пределах веб-страницы
будет обрабатываться, и если оно было по ссылке с родителем чей id="one"
,
вызовется c
.
Подробности про обработку событий — в учебнике JavaScript, список методов
для обработки событий можно найти в документации jQuery.