1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Hãy cải thiện khi mà cuối cùng
ví dụ bằng cách sử dụng một JavaScript phổ biến

3
00:00:03,760 --> 00:00:07,520
thư viện được gọi jQuery mà sẽ cho phép
chúng tôi để làm sạch mã của chúng tôi trong khi vẫn

4
00:00:07,520 --> 00:00:11,010
tránh các vấn đề chúng tôi gặp phải
trước đó, theo đó một số mã mà tôi đã viết

5
00:00:11,010 --> 00:00:15,600
được thực hiện sớm trước khi
các yếu tố tôi cần thiết để tồn tại trong một DOM

6
00:00:15,600 --> 00:00:17,530
thực sự tồn tại.

7
00:00:17,530 --> 00:00:22,120
>> Chú ý ở đây trong dom-2.html, tôi có một
kịch bản đã tag với một thuộc tính

8
00:00:22,120 --> 00:00:26,460
nguồn có giá trị URL của
phiên bản mới nhất của thư viện này.

9
00:00:26,460 --> 00:00:30,220
Dưới đây tôi có một thẻ script riêng biệt
không có nguồn nhưng nơi tôi đã rời

10
00:00:30,220 --> 00:00:32,590
phòng để thực sự viết
một số mã của riêng tôi.

11
00:00:32,590 --> 00:00:36,690
Mã tôi muốn viết là như
sau, $, mà thực sự chỉ là

12
00:00:36,690 --> 00:00:40,510
ký hiệu viết tắt cho jQuery
chính nó, (tài liệu).

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
Nói cách khác, tôi chỉ đơn giản là đi qua như
một tham số cho một chức năng được gọi là

15
00:00:46,700 --> 00:00:50,690
jQuery tài liệu, toàn cầu
biến, đã tồn tại trong

16
00:00:50,690 --> 00:00:52,100
của bất kỳ trang web.

17
00:00:52,100 --> 00:00:57,400
>> Sau đó, chúng ta hãy làm. Sẵn sàng, gọi một chức năng
hoặc phương pháp xác định rằng

18
00:00:57,400 --> 00:01:01,290
các đoạn mã sau đây nên được
thực hiện chỉ một lần toàn bộ tài liệu

19
00:01:01,290 --> 00:01:04,750
đã sẵn sàng, đặc biệt này
chức năng ẩn danh ở đây.

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", trong đó quy định cụ thể mà tôi muốn
để có được các yếu tố từ DOM của tôi

22
00:01:14,210 --> 00:01:16,370
những người định danh duy nhất là bản demo.

23
00:01:16,370 --> 00:01:19,990
Và sau đó khi chúng tôi đã nhận được điều đó, hãy
đăng ký với nó một xử lý sự kiện cho

24
00:01:19,990 --> 00:01:25,250
các trình sự kiện bằng cách xác định. trình,
đi vào đó là vô danh

25
00:01:25,250 --> 00:01:29,370
chức năng mà hy vọng một đối số
rằng chúng tôi sẽ gọi sự kiện, đó là

26
00:01:29,370 --> 00:01:32,230
cuối cùng chỉ có được một tài liệu tham khảo
của các loại với thực tế

27
00:01:32,230 --> 00:01:36,030
trình sự kiện chỉ trong trường hợp chúng tôi
muốn truy cập trực tiếp.

28
00:01:36,030 --> 00:01:40,470
>> Trong khi đó, chúng ta hãy xác định cú đúp mở và
cú đúp gần và bên trong của những

29
00:01:40,470 --> 00:01:44,140
niềng răng, chúng ta hãy thực sự viết code
mà chúng tôi muốn thực hiện khi mẫu này

30
00:01:44,140 --> 00:01:45,210
được gửi.

31
00:01:45,210 --> 00:01:54,810
cảnh báo "xin chào", và chúng ta hãy nối trên
để kết quả của gọi $ "# tên"

32
00:01:54,810 --> 00:01:58,880
trong đó quy định cụ thể mà tôi muốn để có được
các phần tử trong DOM của tôi mà độc đáo

33
00:01:58,880 --> 00:02:00,750
định danh là tên.

34
00:02:00,750 --> 00:02:04,790
Và bây giờ chúng ta gọi một chức năng bên trong của
đối tượng được gọi là val mà được

35
00:02:04,790 --> 00:02:07,370
giá trị văn bản mà
người sử dụng đánh máy in

36
00:02:07,370 --> 00:02:11,270
Và chúng ta hãy nối trên do đó, chỉ
cho vui, một dấu chấm than.

37
00:02:11,270 --> 00:02:14,610
>> Cuối cùng, thay vì chỉ trả về false như
chúng tôi trước đây, chúng ta hãy thêm một chút

38
00:02:14,610 --> 00:02:18,750
rõ ràng và xác định rằng cho rằng
đối tượng sự kiện, chúng tôi muốn ngăn chặn nó

39
00:02:18,750 --> 00:02:22,480
hành vi mặc định bằng cách đặc biệt gọi
một chức năng hoặc phương pháp gọi là

40
00:02:22,480 --> 00:02:24,190
ngăn chặn mặc định như sau.

41
00:02:24,190 --> 00:02:25,440
event.preventDefault.

42
00:02:25,440 --> 00:02:27,760

43
00:02:27,760 --> 00:02:30,080
Bây giờ hãy lưu các tập tin và
mở nó lên trong trình duyệt của tôi.

44
00:02:30,080 --> 00:02:33,240

45
00:02:33,240 --> 00:02:40,120
http://localhost/dom-2.html

46
00:02:40,120 --> 00:02:41,410
>> Có hình thức đó.

47
00:02:41,410 --> 00:02:42,720
Chúng ta hãy đầu vào David.

48
00:02:42,720 --> 00:02:45,040
Nhấn Gửi và xin chào,
David đã trở lại.

49
00:02:45,040 --> 00:02:48,299