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.416
Vậy URL này nên là gì?

0:00:26.416,0:00:29.088
Nếu bạn lập trình ở[br]trình soạn thảo riêng trên máy tính,

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

0:00:30.401,0:00:32.615
rồi nhập lệnh để kết nối với tệp jquery đó

0:00:32.615,0:00:36.473
bằng cách điền "jquery.js"[br]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 điề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.362,0:00:53.138
Sau khi tìm được URL,[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ờ, ta cần lưu ý một số điều sau

0:00:56.119,0:00:58.031
khi dùng URL jquery.

0:00:58.031,0:01:01.820
Thứ nhất, đường dẫn này[br]cần 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.357
khi bạn đang thực hành[br]lập trình trang web.

0:01:11.357,0:01:14.273
Đó cũng là điều bạn[br]cần lưu ý khi lập trình nói chung.

0:01:15.663,0:01:18.862
Tiếp theo, điều thứ hai ta cần chú ý[br]là 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 những nguy cơ[br]xấu ảnh hưởng tới trang web của bạn.

0:01:47.400,0:01:50.013
Thứ ba, trên URL này có số hiệu

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:58.895
và họ thường phát hành[br]các phiên bản mới.

0:01:58.895,0:02:02.302
Trong số hiệu phiên bản, sự tăng lên[br]của các chữ số ngoài cùng bên trái

0:02:02.302,0:02:04.469
thể hiện cho[br]những thay đổi lớn và quan trọng.

0:02:04.469,0:02:06.808
Còn sự tăng lên của[br]các chữ số ngoài cùng bên phải

0:02:06.808,0:02:08.254
đại diện cho các thay đổi nhỏ.

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

0:02:10.713,0:02:12.595
tương thích với các[br]trình duyệt hiện đại

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

0:02:15.074,0:02:16.145
Với trang web của bạn,

0:02:16.145,0:02:19.627
bạn có thể chọn phiên bản[br]để dùng tùy theo nhu cầu.

0:02:19.627,0:02:22.809
Được rồi. Vậy là 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 có sẵn 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 mỗi hàm

0:02:39.262,0:02:41.761
và chức năng tương ứ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
với 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.966
ta nhập hàm bằng ký tự là "$"

0:02:53.966,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 này,

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ẽ thử truyền vào chuỗi ký tự là "h1".

0:03:16.319,0:03:17.697
Như vậy, với câu lệnh này,

0:03:17.697,0:03:19.724
ta đang yêu cầu 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ên đố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:50.804
Bạn có thể quan sát thấy[br]sự thay đổi trên khung kết quả.

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

0:03:53.199,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
hoặc tạo các hiệu ứng hoạt hình thú vị.