Обращение к кнопке по селектору

80
26 февраля 2022, 15:20

Есть кнопка:

<button class="button_view">HI</button>

Пытаюсь к ней обратиться:

$(".button_view").on('click', function() {}

Выдает ошибку:

$ is not defined Почему?

Answer 1
<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>
Answer 2

Если вы хотите использовать функции 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>

READ ALSO
Как я могу оптимизировать код?

Как я могу оптимизировать код?

Подскажите пожалуйста, как я могу оптимизировать такой код? Знаю, что как-то можно не писать кучу классов и id, а использовать переменную thisОднако,...

64
Замена слов в строке на ****

Замена слов в строке на ****

друзья! Помогите решить вопросСуть, у меня есть инпут, куда пользователь вводит слова и по нажатию на кнопку, они записываються в строку , также...

98
js найти значение и вернуть ключ

js найти значение и вернуть ключ

имеется массив содержащий массивы var arr = {spb:[78,98,178,198], msk:[77, 97, 99, 177]}; как произвести в нем поиск по значениям и вернуть ключ? если это в корне...

74