Ở video này, ta sẽ cùng
tìm hiểu những kiến thức cơ bản
về jQuery và cách sử dụng
công cụ này trên trang web.
Để sử dụng công cụ này, đầu tiên,
ta cần thêm thư viện jQuery
bằng việc sử dụng thẻ ''script"
Trước đây, ta tạo các mã lập
trình JavaScript trong thẻ ''script"
nhưng lần này ta sẽ thêm thuộc tính "src"
nhận một đường dẫn URL.
Vậy URL này nên là gì?
Nếu bạn lập trình ở
trình soạn thảo riêng trên máy tính,
bạn có thể tải jQuery xuống
rồi nhập lệnh để kết nối với tệp jquery đó
bằng cách điền "jquery.js"
vào thuộc tính "src".
Nhưng ta không làm được
cách này trên Khan Academy.
Ở đây, ta cần điền một URL của jQuery
trên một máy chủ trực tuyến.
Ta có thể tìm được một danh sách
các URL như vậy trên trang web jquery.com.
Sau khi tìm được URL,
ta dán vào thuộc tính "src".
Được rồi.
Bây giờ, ta cần lưu ý một số điều sau
khi dùng URL jquery.
Thứ nhất, đường dẫn này
cần bắt đầu bằng "https",
nghĩa là URL này an toàn.
Khan Academy chỉ cho phép
dùng các nguồn an toàn
khi bạn đang thực hành
lập trình trang web.
Đó cũng là điều bạn
cần lưu ý khi lập trình nói chung.
Tiếp theo, điều thứ hai ta cần chú ý
là URL này đang được đặt
trên một máy chủ của
Google là googleapis.com.
Máy chủ này được gọi là CDN,
viết tắt của từ
"content delivery network"
(mạng phân phối nội dung).
Máy chủ này đã được tối ưu hóa
để chứa các tệp tin tĩnh
như thư viện JavaScript
và cung cấp tệp tin nhanh chóng.
Máy chủ Google là một máy chủ đáng tin.
Nhìn chung, bạn nên
tìm hiểu các máy chủ
mà bạn lấy nguồn tệp tin
để tránh những nguy cơ
xấu ảnh hưởng tới trang web của bạn.
Thứ ba, trên URL này có số hiệu
thể hiện phiên bản là "2.1.4".
Ta hiểu rằng thư viện jQuery
đang trong quá trình phát triển
và họ thường phát hành
các phiên bản mới.
Trong số hiệu phiên bản, sự tăng lên
của các chữ số ngoài cùng bên trái
thể hiện cho
những thay đổi lớn và quan trọng.
Còn sự tăng lên của
các chữ số ngoài cùng bên phải
đại diện cho các thay đổi nhỏ.
Vậy với số 2.1.4, ta đang
sử dụng jQuery phiên bản 2
tương thích với các
trình duyệt hiện đại
nhưng không hoạt động được
trên Internet Explorer 8.
Với trang web của bạn,
bạn có thể chọn phiên bản
để dùng tùy theo nhu cầu.
Được rồi. Vậy là chúng ta đã thêm jQuery.
Ta sẽ thực hiện bước tiếp theo
để sử dụng jQuery.
Mọi thư viện JavaScript
đều có sẵn các hàm
và đặt tên cho các hàm đó.
Ta phải xem trong tài liệu tham khảo
để tìm ra tên của mỗi hàm
và chức năng tương ứng.
Thư viện jQuery có một hàm chính
với một cái tên rất ngắn.
Đó chỉ là ký hiệu đô la ($).
Vậy để dùng thư viện jQuery
ta nhập hàm bằng ký tự là "$"
theo sau là cặp dấu ngoặc đơn
và cuối cùng là dấu chấm phẩy.
Ta thấy rằng tên hàm ngắn như vậy
rất tiện khi ta sẽ cần
gọi hàm đó nhiều lần.
Có rất nhiều thứ ta
có thể truyền vào hàm này,
nhưng trong video giới thiệu này,
ta sẽ thử truyền vào chuỗi ký tự là "h1".
Như vậy, với câu lệnh này,
ta đang yêu cầu jQuery tham chiếu đến
tất cả các phần tử "h1" trên trang web
và trả lại kết quả là một
đối tượng tập hợp jQuery.
Sau đó, ta có thể gọi các phương thức
lên đối tượng jQuery
để thực hiện thao tác với
tất cả phần tử "h1" được tham chiếu.
Ví dụ như ta cần thay đổi
văn bản bên trong của phần tử,
ta có thể dùng hàm "text"
và truyền vào nội dung ta cần thay đổi.
Bạn có thể quan sát thấy
sự thay đổi trên khung kết quả.
Và đó là một số kiến thức cơ bản về jQuery.
Vậy vừa rồi, ta đã đưa
thư viện jQuery vào thẻ ''script",
yêu cầu jQuery tham chiếu đến
các phần tử "h1" trên trang web
và thay đổi nội dung văn bản trong "h1".
Trong các video tiếp theo, ta sẽ tìm hiểu
nhiều kiến thức chi tiết hơn
về cách chọn và thao tác với các phần tử
bằng jQuery để phản hồi
hoạt động của người dùng trên trang
hoặc tạo các hiệu ứng hoạt hình thú vị.