Σε αυτό το screencast καλύπτω την απόλυτη ελάχιστη ρύθμιση για τη χρήση του jQuery σε έναν «πραγματικό» ιστότοπο. Έχουμε ένα αρχείο index.html με τη βασική δομή HTML5. Το jQuery περιλαμβάνεται ως και στη συνέχεια εκτελούμε μια εξαιρετικά απλή εργασία jQuery. Ολόκληρο το αρχείο μοιάζει με αυτό:
Learning jQuery $("h1").css("color", "red"); Ήθελα να το καλύψω αμέσως, έτσι ώστε να μπορείτε να ζήσετε πόσο εύκολη είναι η χρήση του jQuery. Και επίσης επειδή θα χρησιμοποιούμε το CodePen για πολλή ζωντανή κωδικοποίηση για την υπόλοιπη σειρά. Το CodePen μας δίνει απλώς ένα περιβάλλον δοκιμών / επίδειξης που είναι εύκολο να εργαστεί και είναι ιδανικό για προβολές σεναρίων. Αυτό που κάνει πίσω από τα παρασκήνια είναι ουσιαστικά το ίδιο με αυτό που μόλις κάναμε εδώ. Ήθελα να γίνει κατανοητό - έτσι δεν νομίζετε ότι η χρήση του CodePen είναι ένα περίεργο / μαγικό μέρος που διαφέρει από το πώς θα γράφατε κώδικα.
Το ίδιο ακριβώς πράγμα που κάναμε με το αρχείο index.html είναι έτσι στο CodePen:
Δείτε το στυλό 7e6827079ef62ec19ed37ea763ef79a1 του Chris Coyier (@chriscoyier) στο CodePen
Αρχεία
- 02- Αρχείο.zip