Хотя между jQuery и JavaScript есть много общего, в их синтаксисе и функциональности также существует несколько различий. Для этого сначала поймите, что пытается сделать код jQuery. Затем используйте альтернативные методы или атрибуты ванильного JavaScript.
В этом блоге будет обсуждаться преобразование кода jQuery в JavaScript.
Как преобразовать код jQuery в JavaScript?
Для преобразования кода jQuery в JavaScript важно понимать, что делает код и какие методы jQuery используются. Затем используйте альтернативные методы в JavaScript, такие как « $() ” используется в jQuery для выбора элементов, а в JavaScript для выбора элементов “ документ.querySelector() ' или ' ЗапросСелекторВсе() используются методы.
Давайте разберем процесс конвертации на примере.
Пример
Здесь у нас есть код jQuery, который меняет цвет текста и показывает поясняющий текст при нажатии кнопки. Для этого документ HTML содержит две кнопки, текст и пустой тег
, где новый текст будет отображаться при нажатии кнопки:
< идентификатор div '=' 'myDiv' >
< п сорт '=' 'текст' > Учебник по JavaScript п >
< идентификатор кнопки '=' 'кнопка' > кликните сюда кнопка >
< идентификатор кнопки '=' 'кнопка' > кликните сюда кнопка >
< идентификатор p '=' 'сообщение' > п >
див >
При работе с jQuery обязательно добавить библиотеку jQuery в тег
HTML-документа: < источник сценария '=' 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > сценарий >В теге