0:00:00.770,0:00:02.612
Ở bài này tôi sẽ giới thiệu[br]những điều cơ bản

0:00:02.612,0:00:05.722
của việc sử dụng jQuery[br]trong trang web của bạn.

0:00:05.722,0:00:09.005
Bước đầu tiên là[br]thêm thư viện jQuery

0:00:09.005,0:00:11.542
bằng việc sử dụng[br]thẻ ''

0:00:12.232,0:00:16.122
Trước đây, ta đặt JavaScript[br]bên trong thẻ '',

0:00:16.122,0:00:20.276
nhưng lần này tôi sẽ[br]thêm thuộc tính 'src'.

0:00:20.276,0:00:24.391
Và tôi cần đặt nó thành một URL.

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

0:00:26.566,0:00:28.628
Nếu tôi đang làm việc[br]trên máy tính

0:00:28.628,0:00:30.093
và đã tải xuống jQuery

0:00:30.093,0:00:32.525
xuống cùng thư mục[br]với trang web của tôi,

0:00:32.525,0:00:36.473
Tôi chỉ cần viết 'jquery.js' ở đây.

0:00:36.473,0:00:39.408
Nhưng điều đó không có[br]tác dụng trên Khan Academy.

0:00:39.408,0:00:43.096
Ở đây, tôi cần một URL[br]tuyệt đối của jQuery

0:00:43.096,0:00:45.885
trên một máy chủ[br]trực tuyến nằm đâu đó.

0:00:45.885,0:00:50.082
Ta có thể tìm được một danh sách[br]những URL như thế trong jquery.com,

0:00:50.622,0:00:52.738
và tôi có một cái[br]ở đây, tôi sẽ dán vào.

0:00:52.738,0:00:54.430
Được rồi.

0:00:54.430,0:00:56.119
Bây giờ tôi muốn[br]chỉ ra một vài điều

0:00:56.119,0:00:58.031
về URL này.

0:00:58.031,0:01:01.820
Điều đầu tiên đó là[br]nó bắt đầu bằng 'https'.

0:01:01.820,0:01:05.231
Điều đó có nghĩa[br]đó là một URL an toàn.

0:01:05.231,0:01:09.231
Chúng tôi chỉ cho phép bạn[br]dùng các tài nguyên an toàn

0:01:09.231,0:01:11.207
trên các trang web[br]của Khan Academy

0:01:11.207,0:01:15.343
và đó là điều tốt khi[br]thực hành lập trình web.

0:01:15.663,0:01:18.862
Điều thứ hai là[br]URL này được đặt

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

0:01:22.751,0:01:25.385
Máy chủ này được gọi là CDN,

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
có nghĩa là nó[br]đã được tối ưu hóa

0:01:29.406,0:01:32.625
cho các tập tin tĩnh[br]như thư viện JavaScript

0:01:32.625,0:01:35.388
và phục vụ chúng[br]rất nhanh chóng.

0:01:35.388,0:01:38.164
Bây giờ máy chủ Google này[br]là máy chủ mà tôi tin tưởng

0:01:38.164,0:01:41.301
và nói chung, bạn nên[br]luôn tin tưởng vào máy chủ

0:01:41.301,0:01:43.002
mà bạn lấy tập lệnh

0:01:43.002,0:01:47.240
vì chúng có thể gây ảnh hưởng[br]xấu tới trang của bạn.

0:01:47.400,0:01:50.013
Điều thứ ba là[br]URL này

0:01:50.013,0:01:53.807
hiển thị số phiên bản: 2.1.4.

0:01:53.807,0:01:56.402
Thư viện jQuery đang trong[br]quá trình phát triển

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

0:01:59.015,0:02:00.987
Các số càng nằm về[br]phía bên trái

0:02:00.987,0:02:03.279
thì càng thể hiện sự thay đổi[br]phiên bản quan trọng hơn

0:02:03.279,0:02:05.755
so với các số nằm phía bên phải,

0:02:05.755,0:02:08.134
đại diện cho các phiên bản nhỏ.

0:02:08.134,0:02:10.353
Tôi đang sử dụng jQuery[br]phiên bản 2 ở đây,

0:02:10.353,0:02:12.295
hoạt động trong 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 bạn,

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

0:02:19.627,0:02:22.809
Được rồi. Chúng ta[br]đã cài đặt jQuery.

0:02:22.809,0:02:24.973
Giờ hãy thực sự sử dụng nó

0:02:24.973,0:02:28.266
bên trong thẻ '<script>' khác.

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 [br]các hàm đó.

0:02:35.358,0:02:37.010
Ta phải xem trong tài liệu

0:02:37.010,0:02:39.262
để tìm ra tên[br]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[br]hiển thị một hàm chính

0:02:45.444,0:02:47.524
và nó 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
Điều đó có nghĩa[br];à ký tự đầu tiên

0:02:52.259,0:02:53.556
là "$"

0:02:53.556,0:02:56.526
sau đó là hai dấu ngoặc đơn "( )",[br]bởi vì nó là một hàm,

0:02:56.526,0:02:59.412
và tất nhiên là có[br]dấu chấm phẩy ";".

0:02:59.412,0:03:01.928
Nếu tên hàm ngắn như vậy thì tốt

0:03:01.928,0:03:05.756
bởi vì chúng ta sẽ cần[br]gọi hàm đó rất nhiều.

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

0:03:08.928,0:03:10.300
nhưng với ví dụ giới thiệu này,

0:03:10.300,0:03:15.254
Tôi sẽ chỉ truyền[br]một xâu ký tự 'h1'.

0:03:16.319,0:03:17.697
Bây giờ, khi tôi làm xong,

0:03:17.697,0:03:19.724
câu lệnh bảo jQuery tìm

0:03:19.724,0:03:23.095
tất cả các phần tử[br]'h1' có trong trang

0:03:23.095,0:03:28.050
và trả lại chúng dưới dạng[br]đối tượng tập hợp jQuery.

0:03:28.150,0:03:29.311
Sau khi làm xong,

0:03:29.311,0:03:33.233
Tôi có thể dùng các phương thức khác[br]trên đối tượng jQuery

0:03:33.233,0:03:37.200
để có thể thao tác được với[br]tất cả phần tử 'h1' được tìm thấy.

0:03:37.200,0:03:39.939
Nếu tôi muốn thay đổi[br]văn bản bên trong của chúng,

0:03:39.939,0:03:43.356
Tôi có thể dùng hàm 'text'

0:03:43.356,0:03:46.044
sau đó truyền cho nó[br]một chuỗi ký tự.

0:03:47.244,0:03:48.492
Nó đang diễn ra.

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

0:03:49.792,0:03:50.804
Và ta đã hoàn tất!

0:03:50.804,0:03:53.029
Đó là một chút giới thiệu[br]của ta về jQuery.

0:03:53.029,0:03:56.910
Vì vậy chúng tôi đã đưa jQuery vào[br]thư viện với thẻ '',

0:03:56.910,0:03:59.819
bảo jQuery tìm tất cả[br]'h1' có trong trang,

0:03:59.819,0:04:03.643
sau đó yêu cầu jQuery[br]thay đổi văn bản của chúng.

0:04:03.643,0:04:06.332
Nếu bạn học tiếp, chúng ta[br]có thể khai phá nhiều hơn

0:04:06.332,0:04:07.653
và chi tiết hơn,

0:04:07.653,0:04:11.117
nhiều cách hơn để lựa chọn và[br]thao tác với các phần tử,

0:04:11.117,0:04:14.353
sử dụ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
cùng với những điều thú vị[br]với hoạt ảnh và hiệu ứng.