Тест Javascript: клик по тегу и клик по js

Question

Я могу понять работу javascript на производительность.

В чем разница?

$('#button').click(function() { }

против

<a href="" onclick="javascript:action"></a>

Я понимаю, это называется той же функцией, но если у меня есть первая опция и javascript сканирует все атрибуты при наведении курсора и проверяет все время, это #button?

Я понимаю, это не имеет значения для #id, но если есть больше .class, возможно, проблема .?

Answer 1

первая - это jquery-подход к addEventListener (более короткий путь), вторая - это изменение встроенного атрибута для элемента, который применяет событие. По сути, это то же самое, теперь оно зависит от того, как браузер его реализует, но из того, что я пробовал, использование addEventListener более надежно, чем встроенный атрибут, если вам нужно в какой-то момент удалить слушателя, если он останется таким до конца раз или вам не нужны высокие js позади, просто используйте встроенную версию для более быстрого использования и для лучшей читаемости.