[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.77,0:00:02.61,Default,,0000,0000,0000,,Ở bài này tôi sẽ giới thiệu\Nnhững điều cơ bản Dialogue: 0,0:00:02.61,0:00:05.72,Default,,0000,0000,0000,,của việc sử dụng jQuery\Ntrong trang web của bạn. Dialogue: 0,0:00:05.72,0:00:09.00,Default,,0000,0000,0000,,Bước đầu tiên là\Nthêm thư viện jQuery Dialogue: 0,0:00:09.00,0:00:11.54,Default,,0000,0000,0000,,bằng việc sử dụng\Nthẻ '' Dialogue: 0,0:00:12.23,0:00:16.12,Default,,0000,0000,0000,,Trước đây, ta đặt JavaScript\Nbên trong thẻ '', Dialogue: 0,0:00:16.12,0:00:20.28,Default,,0000,0000,0000,,nhưng lần này tôi sẽ\Nthêm thuộc tính 'src'. Dialogue: 0,0:00:20.28,0:00:24.39,Default,,0000,0000,0000,,Và tôi cần đặt nó thành một URL. Dialogue: 0,0:00:24.39,0:00:26.57,Default,,0000,0000,0000,,URL đó nên là gì? Dialogue: 0,0:00:26.57,0:00:28.63,Default,,0000,0000,0000,,Nếu tôi đang làm việc\Ntrên máy tính Dialogue: 0,0:00:28.63,0:00:30.09,Default,,0000,0000,0000,,và đã tải xuống jQuery Dialogue: 0,0:00:30.09,0:00:32.52,Default,,0000,0000,0000,,xuống cùng thư mục\Nvới trang web của tôi, Dialogue: 0,0:00:32.52,0:00:36.47,Default,,0000,0000,0000,,Tôi chỉ cần viết 'jquery.js' ở đây. Dialogue: 0,0:00:36.47,0:00:39.41,Default,,0000,0000,0000,,Nhưng điều đó không có\Ntác dụng trên Khan Academy. Dialogue: 0,0:00:39.41,0:00:43.10,Default,,0000,0000,0000,,Ở đây, tôi cần một URL\Ntuyệt đối của jQuery Dialogue: 0,0:00:43.10,0:00:45.88,Default,,0000,0000,0000,,trên một máy chủ\Ntrực tuyến nằm đâu đó. Dialogue: 0,0:00:45.88,0:00:50.08,Default,,0000,0000,0000,,Ta có thể tìm được một danh sách\Nnhững URL như thế trong jquery.com, Dialogue: 0,0:00:50.62,0:00:52.74,Default,,0000,0000,0000,,và tôi có một cái\Nở đây, tôi sẽ dán vào. Dialogue: 0,0:00:52.74,0:00:54.43,Default,,0000,0000,0000,,Được rồi. Dialogue: 0,0:00:54.43,0:00:56.12,Default,,0000,0000,0000,,Bây giờ tôi muốn\Nchỉ ra một vài điều Dialogue: 0,0:00:56.12,0:00:58.03,Default,,0000,0000,0000,,về URL này. Dialogue: 0,0:00:58.03,0:01:01.82,Default,,0000,0000,0000,,Điều đầu tiên đó là\Nnó bắt đầu bằng 'https'. Dialogue: 0,0:01:01.82,0:01:05.23,Default,,0000,0000,0000,,Điều đó có nghĩa\Nđó là một URL an toàn. Dialogue: 0,0:01:05.23,0:01:09.23,Default,,0000,0000,0000,,Chúng tôi chỉ cho phép bạn\Ndùng các tài nguyên an toàn Dialogue: 0,0:01:09.23,0:01:11.21,Default,,0000,0000,0000,,trên các trang web\Ncủa Khan Academy Dialogue: 0,0:01:11.21,0:01:15.34,Default,,0000,0000,0000,,và đó là điều tốt khi\Nthực hành lập trình web. Dialogue: 0,0:01:15.66,0:01:18.86,Default,,0000,0000,0000,,Điều thứ hai là\NURL này được đặt Dialogue: 0,0:01:18.86,0:01:22.75,Default,,0000,0000,0000,,trên một máy chủ\NGoogle: googleapis.com. Dialogue: 0,0:01:22.75,0:01:25.38,Default,,0000,0000,0000,,Máy chủ này được gọi là CDN, Dialogue: 0,0:01:25.38,0:01:27.92,Default,,0000,0000,0000,,content delivery network\N(mạng phân phối nội dung), Dialogue: 0,0:01:27.92,0:01:29.41,Default,,0000,0000,0000,,có nghĩa là nó\Nđã được tối ưu hóa Dialogue: 0,0:01:29.41,0:01:32.62,Default,,0000,0000,0000,,cho các tập tin tĩnh\Nnhư thư viện JavaScript Dialogue: 0,0:01:32.62,0:01:35.39,Default,,0000,0000,0000,,và phục vụ chúng\Nrất nhanh chóng. Dialogue: 0,0:01:35.39,0:01:38.16,Default,,0000,0000,0000,,Bây giờ máy chủ Google này\Nlà máy chủ mà tôi tin tưởng Dialogue: 0,0:01:38.16,0:01:41.30,Default,,0000,0000,0000,,và nói chung, bạn nên\Nluôn tin tưởng vào máy chủ Dialogue: 0,0:01:41.30,0:01:43.00,Default,,0000,0000,0000,,mà bạn lấy tập lệnh Dialogue: 0,0:01:43.00,0:01:47.24,Default,,0000,0000,0000,,vì chúng có thể gây ảnh hưởng\Nxấu tới trang của bạn. Dialogue: 0,0:01:47.40,0:01:50.01,Default,,0000,0000,0000,,Điều thứ ba là\NURL này Dialogue: 0,0:01:50.01,0:01:53.81,Default,,0000,0000,0000,,hiển thị số phiên bản: 2.1.4. Dialogue: 0,0:01:53.81,0:01:56.40,Default,,0000,0000,0000,,Thư viện jQuery đang trong\Nquá trình phát triển Dialogue: 0,0:01:56.40,0:01:59.02,Default,,0000,0000,0000,,và họ thường phát hành\Nphiên bản mới. Dialogue: 0,0:01:59.02,0:02:00.99,Default,,0000,0000,0000,,Các số càng nằm về\Nphía bên trái Dialogue: 0,0:02:00.99,0:02:03.28,Default,,0000,0000,0000,,thì càng thể hiện sự thay đổi\Nphiên bản quan trọng hơn Dialogue: 0,0:02:03.28,0:02:05.76,Default,,0000,0000,0000,,so với các số nằm phía bên phải, Dialogue: 0,0:02:05.76,0:02:08.13,Default,,0000,0000,0000,,đại diện cho các phiên bản nhỏ. Dialogue: 0,0:02:08.13,0:02:10.35,Default,,0000,0000,0000,,Tôi đang sử dụng jQuery\Nphiên bản 2 ở đây, Dialogue: 0,0:02:10.35,0:02:12.30,Default,,0000,0000,0000,,hoạt động trong các\Ntrình duyệt hiện đại Dialogue: 0,0:02:12.30,0:02:14.48,Default,,0000,0000,0000,,nhưng không hoạt động trên\NInternet Explorer 8. Dialogue: 0,0:02:14.48,0:02:15.64,Default,,0000,0000,0000,,Trên trang web của bạn, Dialogue: 0,0:02:15.64,0:02:19.63,Default,,0000,0000,0000,,bạn có thể chọn phiên bản để dùng\Ndựa trên nhu cầu của bạn. Dialogue: 0,0:02:19.63,0:02:22.81,Default,,0000,0000,0000,,Được rồi. Chúng ta\Nđã cài đặt jQuery. Dialogue: 0,0:02:22.81,0:02:24.97,Default,,0000,0000,0000,,Giờ hãy thực sự sử dụng nó Dialogue: 0,0:02:24.97,0:02:28.27,Default,,0000,0000,0000,,bên trong thẻ '<script>' khác. Dialogue: 0,0:02:30.23,0:02:33.31,Default,,0000,0000,0000,,Mọi thư viện JavaScript\Nđều hiển thị các hàm Dialogue: 0,0:02:33.31,0:02:35.36,Default,,0000,0000,0000,,và đặt tên cho \Ncác hàm đó. Dialogue: 0,0:02:35.36,0:02:37.01,Default,,0000,0000,0000,,Ta phải xem trong tài liệu Dialogue: 0,0:02:37.01,0:02:39.26,Default,,0000,0000,0000,,để tìm ra tên\Ncủa các hàm đó Dialogue: 0,0:02:39.26,0:02:41.76,Default,,0000,0000,0000,,và chức năng của chúng. Dialogue: 0,0:02:41.76,0:02:45.44,Default,,0000,0000,0000,,Thư viện jQuery\Nhiển thị một hàm chính Dialogue: 0,0:02:45.44,0:02:47.52,Default,,0000,0000,0000,,và nó có một cái tên rất ngắn. Dialogue: 0,0:02:47.52,0:02:50.64,Default,,0000,0000,0000,,Đó chỉ là ký hiệu đô la ($). Dialogue: 0,0:02:50.64,0:02:52.26,Default,,0000,0000,0000,,Điều đó có nghĩa\N;à ký tự đầu tiên Dialogue: 0,0:02:52.26,0:02:53.56,Default,,0000,0000,0000,,là "$" Dialogue: 0,0:02:53.56,0:02:56.53,Default,,0000,0000,0000,,sau đó là hai dấu ngoặc đơn "( )",\Nbởi vì nó là một hàm, Dialogue: 0,0:02:56.53,0:02:59.41,Default,,0000,0000,0000,,và tất nhiên là có\Ndấu chấm phẩy ";". Dialogue: 0,0:02:59.41,0:03:01.93,Default,,0000,0000,0000,,Nếu tên hàm ngắn như vậy thì tốt Dialogue: 0,0:03:01.93,0:03:05.76,Default,,0000,0000,0000,,bởi vì chúng ta sẽ cần\Ngọi hàm đó rất nhiều. Dialogue: 0,0:03:06.23,0:03:08.93,Default,,0000,0000,0000,,Có rất nhiều thứ ta\Ncó thể truyền qua hàm đó, Dialogue: 0,0:03:08.93,0:03:10.30,Default,,0000,0000,0000,,nhưng với ví dụ giới thiệu này, Dialogue: 0,0:03:10.30,0:03:15.25,Default,,0000,0000,0000,,Tôi sẽ chỉ truyền\Nmột xâu ký tự 'h1'. Dialogue: 0,0:03:16.32,0:03:17.70,Default,,0000,0000,0000,,Bây giờ, khi tôi làm xong, Dialogue: 0,0:03:17.70,0:03:19.72,Default,,0000,0000,0000,,câu lệnh bảo jQuery tìm Dialogue: 0,0:03:19.72,0:03:23.10,Default,,0000,0000,0000,,tất cả các phần tử\N'h1' có trong trang Dialogue: 0,0:03:23.10,0:03:28.05,Default,,0000,0000,0000,,và trả lại chúng dưới dạng\Nđối tượng tập hợp jQuery. Dialogue: 0,0:03:28.15,0:03:29.31,Default,,0000,0000,0000,,Sau khi làm xong, Dialogue: 0,0:03:29.31,0:03:33.23,Default,,0000,0000,0000,,Tôi có thể dùng các phương thức khác\Ntrên đối tượng jQuery Dialogue: 0,0:03:33.23,0:03:37.20,Default,,0000,0000,0000,,để có thể thao tác được với\Ntất cả phần tử 'h1' được tìm thấy. Dialogue: 0,0:03:37.20,0:03:39.94,Default,,0000,0000,0000,,Nếu tôi muốn thay đổi\Nvăn bản bên trong của chúng, Dialogue: 0,0:03:39.94,0:03:43.36,Default,,0000,0000,0000,,Tôi có thể dùng hàm 'text' Dialogue: 0,0:03:43.36,0:03:46.04,Default,,0000,0000,0000,,sau đó truyền cho nó\Nmột chuỗi ký tự. Dialogue: 0,0:03:47.24,0:03:48.49,Default,,0000,0000,0000,,Nó đang diễn ra. Dialogue: 0,0:03:48.49,0:03:49.79,Default,,0000,0000,0000,,Được rồi. Dialogue: 0,0:03:49.79,0:03:50.80,Default,,0000,0000,0000,,Và ta đã hoàn tất! Dialogue: 0,0:03:50.80,0:03:53.03,Default,,0000,0000,0000,,Đó là một chút giới thiệu\Ncủa ta về jQuery. Dialogue: 0,0:03:53.03,0:03:56.91,Default,,0000,0000,0000,,Vì vậy chúng tôi đã đưa jQuery vào\Nthư viện với thẻ '', Dialogue: 0,0:03:56.91,0:03:59.82,Default,,0000,0000,0000,,bảo jQuery tìm tất cả\N'h1' có trong trang, Dialogue: 0,0:03:59.82,0:04:03.64,Default,,0000,0000,0000,,sau đó yêu cầu jQuery\Nthay đổi văn bản của chúng. Dialogue: 0,0:04:03.64,0:04:06.33,Default,,0000,0000,0000,,Nếu bạn học tiếp, chúng ta\Ncó thể khai phá nhiều hơn Dialogue: 0,0:04:06.33,0:04:07.65,Default,,0000,0000,0000,,và chi tiết hơn, Dialogue: 0,0:04:07.65,0:04:11.12,Default,,0000,0000,0000,,nhiều cách hơn để lựa chọn và\Nthao tác với các phần tử, Dialogue: 0,0:04:11.12,0:04:14.35,Default,,0000,0000,0000,,sử dụng jQuery để phản hồi\Nhoạt động của người dùng trên trang, Dialogue: 0,0:04:14.35,0:04:18.56,Default,,0000,0000,0000,,cùng với những điều thú vị\Nvới hoạt ảnh và hiệu ứng.