0:00:00.570,0:00:03.222
Ở video này, ta sẽ cùng[br]tìm hiểu những kiến thức cơ bản

0:00:03.222,0:00:05.722
về jQuery và cách sử dụng[br]công cụ này trên trang web.

0:00:05.722,0:00:09.005
Để sử dụng công cụ này, đầu tiên,[br]ta cần thêm thư viện jQuery

0:00:09.005,0:00:11.542
bằng việc sử dụng thẻ ''script"

0:00:12.232,0:00:16.122
Trước đây, ta tạo các mã lập[br]trình JavaScript trong thẻ ''script"

0:00:16.122,0:00:20.276
nhưng lần này ta sẽ thêm thuộc tính "src"

0:00:20.276,0:00:24.391
nhận một đường dẫn URL.

0:00:24.391,0:00:26.566
URL này nên là gì?

0:00:26.566,0:00:28.628
Nếu bạn lập trình trên máy tính,

0:00:28.628,0:00:30.093
bạn có thể tải jQuery xuống

0:00:30.093,0:00:32.615
và nhập vào chương trình[br]viết trang web trên máy tính

0:00:32.615,0:00:36.473
và điền "jquery.js" vào thuộc tính "src".

0:00:36.473,0:00:39.408
Nhưng ta không làm được[br]cách này trên Khan Academy.

0:00:39.408,0:00:43.096
Ở đây, ta cần một URL của jQuery

0:00:43.096,0:00:45.885
trên một máy chủ trực tuyến.

0:00:45.885,0:00:50.082
Ta có thể tìm được một danh sách[br]các URL như vậy trên trang web jquery.com.

0:00:50.622,0:00:53.138
Sau khi tìm được,[br]ta dán vào thuộc tính "src".

0:00:53.138,0:00:54.160
Được rồi.

0:00:54.160,0:00:56.119
Bây giờ tôi muốn chỉ ra một vài điểm

0:00:56.119,0:00:58.031
cần lưu ý về URL này.

0:00:58.031,0:01:01.820
Thứ nhất, đường dẫn này[br]bắt đầu bằng "https",

0:01:01.820,0:01:05.231
nghĩa là URL này an toàn.

0:01:05.231,0:01:09.231
Khan Academy chỉ cho phép[br]dùng các nguồn an toàn,

0:01:09.231,0:01:11.207
nhất là khi bạn đang thực hành

0:01:11.207,0:01:15.343
lập trình trang web.

0:01:15.663,0:01:18.862
Thứ hai, URL này đang được đặt

0:01:18.862,0:01:22.751
trên một máy chủ của[br]Google là googleapis.com.

0:01:22.751,0:01:25.385
Máy chủ này được gọi là CDN,[br]viết tắt của từ

0:01:25.385,0:01:27.921
"content delivery network"[br](mạng phân phối nội dung).

0:01:27.921,0:01:29.406
Máy chủ này đã được tối ưu hóa

0:01:29.406,0:01:32.625
để chứa các tập tin tĩnh[br]như thư viện JavaScript

0:01:32.625,0:01:35.388
và cung cấp tập tin nhanh chóng.

0:01:35.388,0:01:38.164
Máy chủ Google là một máy chủ đáng tin.

0:01:38.164,0:01:41.301
Nhìn chung, bạn nên[br]tìm hiểu các máy chủ

0:01:41.301,0:01:43.002
mà bạn lấy nguồn tập tin

0:01:43.002,0:01:47.240
để tránh nguồn tập tin gây[br]ảnh hưởng xấu tới trang của bạn.

0:01:47.400,0:01:50.013
Thứ ba, trên URL này có một số

0:01:50.013,0:01:53.807
thể hiện phiên bản là "2.1.4".

0:01:53.807,0:01:56.692
Ta hiểu rằng thư viện jQuery[br]đang trong quá trình phát triển

0:01:56.692,0:01:59.015
và họ thường phát hành[br]các phiên bản mới.

0:01:59.015,0:02:00.987
Các số ngoài cùng bên trái

0:02:00.987,0:02:04.019
biểu thị rằng phiên bản [br]có nhiều thay đổi lớn và quan trọng.

0:02:04.019,0:02:05.755
Còn các số ngoài cùng bên phải

0:02:05.755,0:02:07.824
thể hiện các thay đổi nhỏ.

0:02:07.824,0:02:10.483
Vậy với số 2.1.4, ta đang[br]sử dụng jQuery phiên bản 2

0:02:10.483,0:02:12.295
hoạt động với các[br]trình duyệt hiện đại

0:02:12.295,0:02:14.484
nhưng không hoạt động trên[br]Internet Explorer 8.

0:02:14.484,0:02:15.635
Trên trang web của mình,

0:02:15.635,0:02:19.627
bạn có thể chọn phiên bản[br]để dùng dựa trên nhu cầu.

0:02:19.627,0:02:22.809
Được rồi. Chúng ta đã thêm jQuery.

0:02:22.809,0:02:24.973
Ta sẽ thực hiện bước tiếp theo

0:02:24.973,0:02:28.266
để sử dụng jQuery.

0:02:30.226,0:02:33.309
Mọi thư viện JavaScript[br]đều hiển thị các hàm

0:02:33.309,0:02:35.358
và đặt tên cho các hàm đó.

0:02:35.358,0:02:37.250
Ta phải xem trong tài liệu tham khảo

0:02:37.250,0:02:39.262
để tìm ra tên của các hàm đó

0:02:39.262,0:02:41.761
và chức năng của chúng.

0:02:41.761,0:02:45.444
Thư viện jQuery có một hàm chính,

0:02:45.444,0:02:47.524
có một cái tên rất ngắn.

0:02:47.524,0:02:50.637
Đó chỉ là ký hiệu đô la ($).

0:02:50.637,0:02:52.259
vậy để dùng thư viện jQuery

0:02:52.259,0:02:53.556
ta nhập ký tự là "$"

0:02:53.556,0:02:56.526
theo sau là cặp dấu ngoặc đơn,

0:02:56.526,0:02:59.412
và cuối cùng là dấu chấm phẩy.

0:02:59.412,0:03:01.928
Ta thấy rằng tên hàm ngắn như vậy

0:03:01.928,0:03:05.756
rất tiện khi ta sẽ cần[br]gọi hàm đó nhiều lần.

0:03:06.226,0:03:08.928
Có rất nhiều thứ ta[br]có thể truyền vào hàm đó,

0:03:08.928,0:03:10.710
nhưng trong video giới thiệu này.

0:03:10.710,0:03:15.254
Ta sẽ chỉ truyền vào thẻ "h1".

0:03:16.319,0:03:17.697
Như vậy, ta đang yêu cầu

0:03:17.697,0:03:19.724
câu lệnh bảo jQuery tham chiếu đến

0:03:19.724,0:03:23.095
tất cả các phần tử "h1" trên trang web

0:03:23.095,0:03:28.050
và trả lại kết quả là một[br]đối tượng tập hợp jQuery.

0:03:28.150,0:03:30.691
Sau đó, ta có thể gọi các phương thức

0:03:30.691,0:03:33.233
lênn đối tượng jQuery

0:03:33.233,0:03:37.200
để thực hiện thao tác với[br]tất cả phần tử "h1" được tham chiếu.

0:03:37.200,0:03:39.939
Ví dụ như ta cần thay đổi[br]văn bản bên trong của phần tử,

0:03:39.939,0:03:43.356
ta có thể dùng hàm "text"

0:03:43.356,0:03:46.044
và truyền vào nội dung ta cần thay đổi.

0:03:47.244,0:03:48.492
Bạn có thể quan sát

0:03:48.492,0:03:49.792
trên khung kết quả.

0:03:49.792,0:03:50.804
Được rồi.

0:03:50.804,0:03:53.029
Đó là một số kiến thức cơ bản về jQuery.

0:03:53.029,0:03:56.910
Vậy vừa rồi, ta đã đưa[br]thư viện jQuery vào thẻ ''script",

0:03:56.910,0:03:59.819
yêu cầu jQuery tham chiếu đến[br]các phần tử "h1" trên trang web

0:03:59.819,0:04:03.643
và thay đổi nội dung văn bản trong "h1".

0:04:03.643,0:04:06.332
Trong các video tiếp theo, ta sẽ tìm hiểu

0:04:06.332,0:04:08.053
nhiều kiến thức chi tiết hơn

0:04:08.053,0:04:11.117
về cách chọn và thao tác với các phần tử

0:04:11.117,0:04:14.353
bằng jQuery để phản hồi[br]hoạt động của người dùng trên trang,

0:04:14.353,0:04:18.558
hay tạo các hiệu ứng hoạt hình thú vị.