0:00:00.770,0:00:02.612
Bây giờ tôi sẽ giới thiệu[br]cho bạn 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, chúng tôi đặ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 trên[br]máy tính của mì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 đó sẽ 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 ở đâu đó.

0:00:45.885,0:00:50.082
Và 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
điều đó có nghĩa là[br]nó đã đượ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ể[br]làm rối loạn trang của bạn.

0:01:47.400,0:01:50.013
Điều thứ ba là[br]có một số phiên bản

0:01:50.013,0:01:53.807
trong URL này: 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 2 ở đây,

0:02:10.353,0:02:12.295
hoạt động trong các trình duyệt hiện đại

0:02:12.295,0:02:14.484
nhưng không hoạt động trong IE8.

0:02:14.484,0:02:15.635
Trên trang web của riêng bạn,

0:02:15.635,0:02:19.627
bạn có thể quyết định phiên bản nào[br]để sử dụng dựa trên những gì bạn cần.

0:02:19.627,0:02:22.809
Được rồi. Vì vậy, chúng tôi đã bao gồm jQuery.

0:02:22.809,0:02:24.973
Bây 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 đều hiển thị các hàm

0:02:33.309,0:02:35.358
và họ đặt tên cho các chức năng của mình.

0:02:35.358,0:02:37.010
Chúng ta phải xem trong tài liệu

0:02:37.010,0:02:39.262
để tìm ra tên hàm đó là gì

0:02:39.262,0:02:41.761
và thực tế họ làm gì.

0:02:41.761,0:02:45.444
Vâng thư viện jQuery[br]bộc lộ một chức năng 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 là điều đầu tiên chúng tôi viết

0:02:52.259,0:02:53.556
là đô la

0:02:53.556,0:02:56.526
sau đó là hai dấu ngoặc đơn,[br]bởi vì nó là một chức năng,

0:02:56.526,0:02:59.412
và tất nhiên, dấu chấm phẩy.

0:02:59.412,0:03:01.928
Bây giờ thật tuyệt khi điều này[br]tên hàm quá ngắn

0:03:01.928,0:03:05.756
bởi vì chúng tôi sẽ gọi điện[br]chức năng đó rất nhiều.

0:03:06.226,0:03:08.928
Có rất nhiều thứ chúng ta[br]có thể chuyển đến chức năng đó,

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ẽ chuyển một chuỗi 'h1'.

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

0:03:17.697,0:03:19.724
điều này bảo jQuery tìm

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

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

0:03:28.150,0:03:29.311
Bây giờ tôi đã làm được điều đó,

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

0:03:33.233,0:03:37.200
để thao túng tất cả[br]phần tử 'h1' mà nó tìm thấy.

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

0:03:39.939,0:03:43.356
Tôi có thể gọi chức năng 'văn bản'

0:03:43.356,0:03:46.044
sau đó truyền cho nó một chuỗi.

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

0:03:48.492,0:03:49.792
Đúng!

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

0:03:50.804,0:03:53.029
Đó là phần đầu tiên của chúng tôi 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 có thẻ '',

0:03:56.910,0:03:59.819
đã bảo jQuery tìm tất cả[br]'h1s' trên trang,

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

0:04:03.643,0:04:06.332
Nếu bạn tiếp tục đi, chúng tôi sẽ[br]trải qua nhiều hơn nữa

0:04:06.332,0:04:07.653
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 các yếu tố,

0:04:11.117,0:04:14.353
sử dụng jQuery để phản hồi[br]sự kiện của người dùng trên trang,

0:04:14.353,0:04:18.558
cộng với những nội dung thú vị với hình ảnh động và hiệu ứng.