Jquery là gì và cách sử dụng

Jquery là gì và cách sử dụng

Xin chào các bạn, hôm nay mình sẽ giới thiệu đến các bạn thư viện Jquery.

Về Jquery, thì nó là gì?

Là 1 thư viện javascript được tổng hợp từ các hàm của javascript để khi sử dụng, code chúng ta clean nhất có thể.
Ví dụ đơn giản về một cách xác định element :

// Cách xác định element bằng JS :
document.getElementsByClassName('example');

document.getElementById('example');

document.getElementsByTagName('example');

// Cách xác định element bằng Jquery:
$('.example') // Class example

$('#example') // ID example
$('#example > .example_example') // Gọi class example_example trong ID example

Bạn thấy không, Jquery khá ngắn gọn về cú pháp, câu chữ cũng như về chất class, Id cũng tương tự với CSS.
Jquery sẽ giúp bạn khá nhiều trong việc viết code. Thay vì viết code JS thuần ta có thể import thư viện Jquery và thay đổi cú pháp mình lại một chút cho gọn thì code của bạn sẽ clean và beautiful hơn hẳn.

Cách dùng thư viện Jquery:

Để dùng thư viện Jquery sẽ có 2 cách:

  • Cách 1 : Gọi CDN. Chúng ta sẽ gọi trực tiếp lên server lưu trữ file jquery.js của Jquery. CDN này các bạn có thể xem thêm tại đây
  • Cách 2 : Tải về và bỏ vào project của mình và thực hiện import script

Để Jquery hoạt động hiệu quả và tránh rủi ro, chúng ta nên đặt thẻ import Jquery ở dưới footer và load đầu tiên, tiếp đến mới là những file js khác.
ví dụ:

<script src="/jquery.min.js"> </scrip>
<script src="/custom.js"> </script>

Ghi chú: ghi chú nho nhỏ là khi import thư viện Jquery bạn vẫn có thể lồng ghép giữ cú pháp Jquery và JS vào nhau và không sợ xung đột code vì như mình đã nói ở trên, Jquery là một thư viện được viết bằng JS.