- vừa được xem lúc

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

0 0 32

Người đăng: Semi Art

Theo Viblo Asia

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

<!doctype html>
<html>
<head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, jQuery !</title> <link rel="stylesheet" href="style.css">
</head>
<body> <h1>Hello, jQuery !</h1> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"> </script> <script src="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

Bình luận

Bài viết tương tự

- vừa được xem lúc

Closure trong Javascript - Phần 2: Định nghĩa và cách dùng

Các bạn có thể đọc qua phần 1 ở đây. Để mọi người không quên, mình xin tóm tắt gọn lại khái niệm lexical environment:.

0 0 66

- vừa được xem lúc

Var vs let vs const? Các cách khai báo biến và hằng trong Javascript

Dạo này mình tập tành học Javascript, thấy có 2 cách khai báo biến khác nhau nên đã tìm tòi sự khác biệt. Nay xin đăng lên đây để mọi người đọc xong hy vọng phân biệt được giữa let và var, và sau đó là khai báo hằng bằng const.

0 0 47

- vừa được xem lúc

VueJS: Tính năng Mixins

Chào mọi người, hôm nay mình sẽ viết về Mixins và 1 số vấn đề trong sử dụng Mixins hay ho mà mình gặp trong dự án thực. Trích dẫn từ trang chủ của VueJS:.

0 0 41

- vừa được xem lúc

Asset Pipeline là cái chi chi?

Asset Pipeline. Asset pipeline là cái chi chi. . Giải thích:.

0 0 74

- vừa được xem lúc

Tạo data table web app lấy dữ liệu từ Google Sheets sử dụng Apps Script

Google Sheets là công cụ tuyệt vời để lưu trữ bảng tính trực tuyến, bạn có thể truy cập bảng tính bất kỳ lúc nào ở bất kỳ đâu và luôn sẵn sàng để chia sẻ với người khác. Bài này gồm 2 phần.

0 0 280

- vừa được xem lúc

Học Deep Learning trên Coursera miễn phí

Bạn muốn bắt đầu với Deep Learning nhưng không biết bắt đầu từ đâu? Bạn muốn có một công việc ở mức fresher về Deep Learning? Bạn muốn khoe bạn bè về kiến thức Deep Learning của mình. Bắt đầu từ đâu.

0 0 50