JQuery - Bài 1

I. Tại sao phải sử dụng JQuery

=> Tối ưu hoá cú pháp JS => Tăng tốc trang web



II.Làm sao để sử dụng JQuery

III.Cú pháp Jquery

Chú ý :
+  Trong trường hợp chúng ta sử dụng nhiều Framework trong cùng 1 trang web mà các framework này có một số điểm chung về cú pháp như dấu $ thì chúng ta nên viết Jquery nó cũng sẽ hiểu là đang viết code jquery

+ $ = jQuery

+ thay vì  test.style.display = none thì chúng ta viết  $("#test").hide() hoặc jQuery("#test").hide().



2.Một số hàm quan trọng trong JavaScript.

- Hàm này quy định khi tất các các đối tượng trên trang HTML được load lên thì đoạn jquery mới chạy , đảm bảo các thẻ được tạo ra rồi chúng ta mới thao tác . Hàm này giúp lập trình viên tránh làm việc hay thao tác với các đối tượng chưa được tạo ra. Hàm này được đặt ở cặp thẻ Head hay Body đều được.


- Tất cả các đoạn query nên được bỏ vào trong hàm này để tránh lỗi.

Đây là cách viết gọn hơn cho đoạn code jquery ở trên :

3 . jQuery Selector.

=> jquery Selector cho phép chúng ta chọn và thao tác với tất cả các thẻ trên trang HTML.

VD 1 : Click vào nút button để ẩn dòng text.

Ví dụ với idSelector :