Есть кнопка:
<button class="button_view">HI</button>
Пытаюсь к ней обратиться:
$(".button_view").on('click', function() {}
Выдает ошибку:
$ is not defined Почему?
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> // Подключаем библиотеку jquery<br>
</script>
<button class="button_view">HI</button>
<script language="JavaScript">
$(".button_view").on('click', function() { // Сам код
alert("Hello Alex, I`m clicked");
});
</script>
Если вы хотите использовать функции jQuery ($) - подключите его. А вообще, зачастую через данный символ регистрируют глобальные переменные.
jQuery:
$(".button_view").on('click', function() {
alert('click')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button_view">HI</button>
Чистый Javascript:
let button = document.querySelector('.button_view')
button.addEventListener('click', function() {
alert('click')
})
<button class="button_view">HI</button>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей