Mặc dù có nhiều điểm tương đồng giữa jQuery và JavaScript, nhưng cũng có một số điểm khác biệt trong cú pháp và chức năng của chúng. Để làm được điều đó, trước tiên, hãy hiểu mã jQuery đang cố gắng làm gì. Sau đó, sử dụng các phương thức hoặc thuộc tính thay thế của vanilla JavaScript.
Blog này sẽ thảo luận về việc chuyển đổi mã jQuery sang JavaScript.
Làm cách nào để chuyển đổi mã jQuery sang JavaScript?
Để chuyển đổi mã jQuery thành JavaScript, điều cần thiết là phải hiểu mã này đang làm gì và các phương thức jQuery nào đang được sử dụng. Sau đó, sử dụng các phương pháp thay thế trong JavaScript, chẳng hạn như “ $() ” được sử dụng trong jQuery để chọn phần tử trong khi ở JavaScript, để chọn phần tử “ document.querySelector() ' hoặc ' truy vấnSelectorAll() ” phương pháp được sử dụng.
Hãy hiểu quá trình chuyển đổi với sự trợ giúp của một ví dụ.
Ví dụ
Ở đây, chúng tôi có mã jQuery thay đổi màu văn bản và hiển thị văn bản giải thích khi nhấp vào nút. Đối với điều đó, tài liệu HTML chứa hai nút, văn bản và thẻ
trống nơi văn bản mới sẽ được hiển thị khi nhấp vào nút:
< id div = 'myDiv' >
< P lớp học = 'chữ' > Hướng dẫn JavaScript P >
< id nút = 'cái nút' > Bấm vào đây cái nút >
< id nút = 'cái nút' > Bấm vào đây cái nút >
< id = 'tin nhắn' > P >
div >
Khi làm việc với jQuery, bắt buộc phải thêm thư viện jQuery vào thẻ
của tài liệu HTML: < tập lệnh src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > kịch bản >Trong thẻ