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

2
00:00:00,470 --> 00:00:03,760
>> ΟΜΙΛΗΤΗΣ: Ας βελτιώσουμε την τελευταία αυτή
παράδειγμα χρησιμοποιώντας ένα δημοφιλές JavaScript

3
00:00:03,760 --> 00:00:07,520
βιβλιοθήκη που ονομάζεται jQuery που θα επιτρέψει
μας για να καθαρίσει τον κώδικά μας, ενώ εξακολουθεί να

4
00:00:07,520 --> 00:00:11,010
αποφεύγοντας το πρόβλημα που αντιμετωπίσαμε
νωρίτερα σύμφωνα με την οποία κάποιος κώδικας που έγραψα

5
00:00:11,010 --> 00:00:15,600
εκτελέστηκε πρόωρα πριν από την
στοιχεία που απαιτούνται για να υπάρχουν σε μια DOM

6
00:00:15,600 --> 00:00:17,530
όντως υπήρχε.

7
00:00:17,530 --> 00:00:22,120
>> Προσέξτε εδώ στο σύμπαν-2.html, έχω ένα
script tag ήδη με ένα χαρακτηριστικό

8
00:00:22,120 --> 00:00:26,460
της πηγής του οποίου η αξία είναι η διεύθυνση URL του
τελευταία έκδοση αυτής της βιβλιοθήκης.

9
00:00:26,460 --> 00:00:30,220
Κάτω από ότι έχω μια ξεχωριστή ετικέτα script
χωρίς πηγή, αλλά όπου έχω μείνει

10
00:00:30,220 --> 00:00:32,590
δωμάτιο για να γράψει στην πραγματικότητα
κάποιες από τις δικές μου κώδικα.

11
00:00:32,590 --> 00:00:36,690
Ο κωδικός θα ήθελα να γράψω είναι η
Επομένως, $, το οποίο είναι πραγματικά ακριβώς

12
00:00:36,690 --> 00:00:40,510
σημειογραφία στενογραφία για jQuery
η ίδια, (έγγραφο).

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

14
00:00:43,330 --> 00:00:46,700
Με άλλα λόγια, είμαι απλά περνώντας ως
ένα επιχείρημα για μια λειτουργία που ονομάζεται

15
00:00:46,700 --> 00:00:50,690
jQuery το έγγραφο, η παγκόσμια
μεταβλητή, η οποία υπάρχει ήδη μέσα

16
00:00:50,690 --> 00:00:52,100
από οποιαδήποτε ιστοσελίδα.

17
00:00:52,100 --> 00:00:57,400
>> Στη συνέχεια, ας κάνουμε. Έτοιμη, καλώντας μια συνάρτηση
ή τη μέθοδο που ορίζει ότι

18
00:00:57,400 --> 00:01:01,290
το ακόλουθο κομμάτι κώδικα πρέπει να
εκτελεστεί μόνο μια φορά ολόκληρο το έγγραφο

19
00:01:01,290 --> 00:01:04,750
είναι έτοιμη, ειδικά αυτή
ανώνυμη συνάρτηση εδώ.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", το οποίο ορίζει ότι θα ήθελα
για να πάρει το στοιχείο από το DOM μου

22
00:01:14,210 --> 00:01:16,370
που είναι το μοναδικό αναγνωριστικό είναι demo.

23
00:01:16,370 --> 00:01:19,990
Και στη συνέχεια, αφού έχουμε πάρει αυτό, ας
εγγραφείτε με το ένα πρόγραμμα χειρισμού συμβάντων για

24
00:01:19,990 --> 00:01:25,250
η υποβάλλουν εκδήλωση, με την ένδειξη. να υποβάλει,
περνώντας σε αυτό το ανώνυμο

25
00:01:25,250 --> 00:01:29,370
λειτουργία που αναμένει ένα επιχείρημα
ότι θα καλέσει εκδήλωση, η οποία είναι

26
00:01:29,370 --> 00:01:32,230
τελικά ακριβώς πρόκειται να είναι μια αναφορά
των ειδών με την πραγματική

27
00:01:32,230 --> 00:01:36,030
περίπτωση υποβολής μόνο σε περίπτωση που έπαιρνα
Θέλετε να αποκτήσετε πρόσβαση σε αυτό απευθείας.

28
00:01:36,030 --> 00:01:40,470
>> Εν τω μεταξύ, ας καθορίσετε ανοικτό στήριγμα και
κοντά τιράντες και στο εσωτερικό αυτών

29
00:01:40,470 --> 00:01:44,140
τιράντες, ας γράψει πραγματικά τον κώδικα
ότι θέλετε να εκτελείται όταν αυτή η μορφή

30
00:01:44,140 --> 00:01:45,210
υποβάλλεται.

31
00:01:45,210 --> 00:01:54,810
ειδοποιεί "γεια" και ας ενώσετε σε
έτσι ώστε το αποτέλεσμα της κλήσης $ "# όνομα"

32
00:01:54,810 --> 00:01:58,880
το οποίο ορίζει ότι θα ήθελα να πάρει
το στοιχείο στο DOM μου των οποίων η μοναδική

33
00:01:58,880 --> 00:02:00,750
αναγνωριστικό είναι το όνομα.

34
00:02:00,750 --> 00:02:04,790
Και ας πάμε τώρα να καλέσετε μια συνάρτηση μέσα
ότι αντικείμενο που ονομάζεται val που παίρνει

35
00:02:04,790 --> 00:02:07,370
η αξία του κειμένου που
ο χρήστης πληκτρολογήσει μέσα

36
00:02:07,370 --> 00:02:11,270
Και ας ενώσετε σε, έτσι ώστε, μόλις
για διασκέδαση, ένα θαυμαστικό.

37
00:02:11,270 --> 00:02:14,610
>> Τέλος, όχι μόνο να επιστρέψει false, όπως
κάναμε πριν, ας είμαστε λίγο πιο

38
00:02:14,610 --> 00:02:18,750
ρητή και διευκρινίζει ότι, δεδομένου ότι
αντικείμενο συμβάντος, θα θέλαμε να παρεμποδίσει την

39
00:02:18,750 --> 00:02:22,480
προεπιλεγμένη συμπεριφορά, που αποκαλούνταν
συνάρτηση ή μέθοδο που ονομάζεται

40
00:02:22,480 --> 00:02:24,190
πρόληψη προεπιλογή ως εξής.

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
Ας τώρα να αποθηκεύσετε το αρχείο και
να το ανοίξετε στο πρόγραμμα περιήγησης.

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
>> Υπάρχει αυτή η μορφή.

47
00:02:41,410 --> 00:02:42,720
Ας εισόδου David.

48
00:02:42,720 --> 00:02:45,040
Κάνοντας κλικ στο Υποβολή και γειά σου,
Ο David είναι πίσω.

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