Ở 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.
URL này nên là gì?
Nếu bạn lập trình trên máy tính,
bạn có thể tải jQuery xuống
và nhập vào chương trình
viết trang web trên máy tính
và đ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 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,
ta dán vào thuộc tính "src".
Được rồi.
Bây giờ tôi muốn chỉ ra một vài điểm
cần lưu ý về URL này.
Thứ nhất, đường dẫn này
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,
nhất là khi bạn đang thực hành
lập trình trang web.
Thứ hai, 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 nguồn tập tin gây
ảnh hưởng xấu tới trang của bạn.
Thứ ba, trên URL này có một số
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.
Các số ngoài cùng bên trái
biểu thị rằng phiên bản
có nhiều thay đổi lớn và quan trọng.
Còn các số ngoài cùng bên phải
thể hiện các thay đổi nhỏ.
Vậy với số 2.1.4, ta đang
sử dụng jQuery phiên bản 2
hoạt động với các
trình duyệt hiện đại
nhưng không hoạt động trên
Internet Explorer 8.
Trên trang web của mình,
bạn có thể chọn phiên bản
để dùng dựa trên nhu cầu.
Được rồi. 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 hiển thị 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 các hàm đó
và chức năng của chúng.
Thư viện jQuery có một hàm chính,
có 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 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 đó,
nhưng trong video giới thiệu này.
Ta sẽ chỉ truyền vào thẻ "h1".
Như vậy, ta đang yêu cầu
câu lệnh bảo 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ênn đố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
trên khung kết quả.
Được rồi.
Đó 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,
hay tạo các hiệu ứng hoạt hình thú vị.