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