Ở 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ị.