Chociaż istnieje wiele podobieństw między jQuery i JavaScript, istnieje również kilka różnic w ich składni i funkcjonalności. W tym celu najpierw zrozum, co próbuje zrobić kod jQuery. Następnie użyj alternatywnych metod lub atrybutów zwykłego JavaScript.
Ten blog będzie omawiał konwersję kodu jQuery do JavaScript.
Jak przekonwertować kod jQuery na JavaScript?
Aby przekonwertować kod jQuery na JavaScript, niezbędne jest zrozumienie, co robi kod i jakie metody jQuery są używane. Następnie użyj alternatywnych metod w JavaScript, takich jak „ $() ” używane w jQuery do wybierania elementów, podczas gdy w JavaScript do wybierania elementów „ document.querySelector() ' Lub ' zapytanieSelectorAll() ” stosowane są metody.
Zrozummy proces konwersji na przykładzie.
Przykład
Tutaj mamy kod jQuery, który zmienia kolor tekstu i wyświetla tekst wyjaśniający po kliknięciu przycisku. W tym celu dokument HTML zawiera dwa przyciski, tekst i pusty znacznik
, w którym nowy tekst zostanie wyświetlony po kliknięciu przycisku:
< identyfikator div = „mój dział” >
< P klasa = 'tekst' > Samouczek JavaScript P >
< identyfikator przycisku = 'przycisk' > Kliknij tutaj przycisk >
< identyfikator przycisku = 'przycisk' > Kliknij tutaj przycisk >
< identyfikator p = 'wiadomość' > P >
dz >
Podczas pracy z jQuery obowiązkowe jest dodanie biblioteki jQuery w tagu
dokumentu HTML: < źródło skryptu = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > scenariusz >W tagu