[jQuery] Bài 1 – jQuery Là Cái Gì?

Nếu như bạn đang theo dõi Series Tự Học Lập Trình Web Một Cách Thật Tự Nhiên mà mình đang thực hiện từ đầu cho đến giờ thì hiển nhiên là bạn đã biết sơ sơ jQuery là cái gì rồi. Tuy nhiên thì mình vẫn muốn viết lại một vài dòng giới thiệu để

Nếu như bạn đang theo dõi Series Tự Học Lập Trình Web Một Cách Thật Tự Nhiên mà mình đang thực hiện từ đầu cho đến giờ thì hiển nhiên là bạn đã biết sơ sơ jQuery là cái gì rồi. Tuy nhiên thì mình vẫn muốn viết lại một vài dòng giới thiệu để dành cho trường hợp ai đó bất ngờ ghé qua và tham gia vào bài viết của chúng ta tại đây.

jQuery là cái gì? Tại sao chúng ta nên sử dụng nó?

jQuery là một thư viện JavaScript được thiết kế để đơn giản hóa việc viết code tương tác với trình duyệt web và văn bản HTML.

Để bắt đầu sử dụng jQuery, chúng ta cần nhúng tệp jquery.min.js vào phía trên các tệp JavaScript khác mà chúng ta sẽ viết với sự hỗ trợ của thư viện này.

jquery.html

<!doctypehtml><html><head><metacharset="utf-8"><metahttp-equiv="x-ua-compatible"content="ie=edge"><metaname="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Hello, jQuery !</title><linkrel="stylesheet"href="style.css"></head><body><h1>Hello, jQuery !</h1><scriptsrc="https://code.jquery.com/jquery-3.6.0.min.js"integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="crossorigin="anonymous"></script><scriptsrc="main.js"></script></body></html>

Như bạn thấy thì tệp jquery.min.js trong code phía trên được lưu trữ ở đâu đó trên mạng internet. Vì một số tính năng bảo mật của trình duyệt web nên chúng ta có thêm các thuộc tính bổ trợ khá dài dòng ở thẻ <script>. Bạn có thể tải về tệp jquery và đặt cạnh tệp main.js để code trông gọn gàng hơn nếu muốn. 😄

Tìm hiểu về các tính năng của jQuery ở đâu?

Từ trang web chính thức của thư viện này – https://api.jquery.com/

Chắc chắn là như vậy rồi. Cũng giống với Series Bootstrap, chúng ta sẽ không tạo ra một bộ tài liệu khác của jQuery ở đây. Thay vào đó thì mình sẽ cùng bạn tìm hiểu tổng quan về bộ tài liệu chính thức của jQuery và áp dụng để viết code xử lý cho dropdowncarousel mà chúng ta đã xây dựng từ trước đó.

Ở đây chúng ta vẫn có một thanh điều hướng phía bên trái liệt kê một danh sách các hàm chức năng của jQuery được chia thành rất nhiều nhóm. Tuy nhiên thì tổng quan tính năng của thư viện này thì như mình đã nói trước đó, jQuery được thiết kế để đơn giản hóa các thao tác xử lý với văn bản HTML và trình duyệt:

  • Chọn các phần tử HTML cần xử lý
  • Thay đổi giá trị nội dung, thuộc tính HTML của các phần tử
  • Thay đổi các giá trị thuộc tính CSS của các phần tử
  • Hỗ trợ nhanh chóng tạo ra các hiệu ứng chuyển tiếp
  • Gắn các hàm xử lý sự kiện cho các phần tử
  • Tương tác với cửa sổ trình duyệt web
  • Gửi yêu cầu truy vấn thêm dữ liệu tới máy chủ web

Đối với mỗi cái gạch đầu dòng phía trên thì chúng ta sẽ làm một phần thảo luận về các hàm hỗ trợ phổ biến nhất. Sau đó thì chúng ta sẽ áp dụng để viết lại code xử lý cho dropdowncarousel mà chúng ta đã xây dựng trước đó.

Sẵn sàng nhé. Hẹn gặp lại bạn trong bài viết tiếp theo.

(Sắp đăg tải) [jQuery] Bài 2 – Các bộ chọn

Nguồn: viblo.asia

Bài viết liên quan

WebP là gì? Hướng dẫn cách để chuyển hình ảnh jpg, png qua webp

WebP là gì? WebP là một định dạng ảnh hiện đại, được phát triển bởi Google

Điểm khác biệt giữa IPv4 và IPv6 là gì?

IPv4 và IPv6 là hai phiên bản của hệ thống địa chỉ Giao thức Internet (IP). IP l

Check nameservers của tên miền xem website trỏ đúng chưa

Tìm hiểu cách check nameservers của tên miền để xác định tên miền đó đang dùn

Mình đang dùng Google Domains để check tên miền hàng ngày

Từ khi thông báo dịch vụ Google Domains bỏ mác Beta, mình mới để ý và bắt đầ