jQuery onclick: как выполнить код при клике на кнопку

Вы можете прочитать официальную справку:

https://api.jquery.com/on/

https://api.jquery.com/click/

Но краткий ответ такой, если вам нужно обработать событие клика по кнопке, то делается это следующим образом:

<button class="js-button">Кнопка</button>

<script>
	$('body').on('click', '.js-button',  function(){
		alert('Клик!');
	})
</script>

Есть еще такой вариант кода:

<button class="js-button">Кнопка</button>

<script>
	$('.js-button').on('click',  function(){
		alert('Клик!');
	})
</script>

Я рекомендую использовать всегда первый вариант, т.к. если код кнопки появился после навешивания на него события, например после обработки ajax запроса, то ничего работать не будет.

Может вам не нужен никакой jQuery?

Конечно вы можете использовать jQuery если это облегчает разработку вашего приложения. Однако если вы разрабатываете библиотеку, которую будут использовать другие люди, возможно вам стоит отказаться от него.

Прочитайте как сделать те же самые вещи, при помощи простого javascript не подключая при этом jQuery:

You might not need jQuery - http://youmightnotneedjquery.com/

Некоторые разработчики считают, что jQuery защищает нас от большого демона несовместимости, в то время как с браузерами после IE8 легко справляется и голый javascript.