Βασικές Παραδείγματα JQuery

Βασικές παραδείγματα εφαρμογής jQuery περιλαμβάνουν εκείνα για την απόκρυψη και την εμψύχωση ιστοσελίδας στοιχείων , καθώς επίσης και την αλλαγή του περιεχομένου ενός στοιχείου και την εμφάνιση . Πριν από την εργασία μέσα από αυτά τα παραδείγματα , να μάθουν πώς να επιλέξετε τα στοιχεία με jQuery . Με αυτόν τον τρόπο διασφαλίζει ότι οι μέθοδοι jQuery τρέχετε θα εργαστεί για τα στοιχεία προορίζονται . Η απόκρυψη
Η

Μπορείτε να αποκρύψετε ιστοσελίδας στοιχεία όπως παραγράφους και τίτλους χρησιμοποιώντας Απόκρυψη μέθοδο CSS του . Επαναφορά της προβολής του στοιχείου με τη μέθοδο Show . Για παράδειγμα , η δήλωση " ( " # someelement » ) . Απόκρυψη ( ) " θα κρύψει το στοιχείο HTML με την ετικέτα " # someelement . " Το πρόγραμμα του δείγματος που ακολουθεί δημιουργεί μια ιστοσελίδα με ένα κουμπί να σας δείξω πώς να κρύψει δυναμικά μια παράγραφο .

Προσθέστε την επιχείρηση σας src="jquery.js"> < /script > < script id = " mybutton " > Κάντε κλικ εδώ . < /κουμπί >

Παρακολουθήστε αυτό εξαφανίζεται . < /p> < /body> < /html >

Η Εμψύχωση
Η

Με τη μέθοδο της jQuery Κίνηση μπορείτε να κάνετε ένα σημείο ή άλλο στοιχείο HTML αλλάξει δυναμικά τη θέση και το μέγεθος , το οποίο σας επιτρέπει να εκτελείτε απλές κινήσεις . Καθορίστε την ιδιότητα που θέλετε να προσθέσετε κίνηση , μαζί με την τιμή με την οποία θέλετε ότι η ιδιότητα να αλλάξει , καθώς το πρώτο επιχείρημα για να εμψυχώσει . Περιβάλλουν αυτό το επιχείρημα με τιράντες . Καθορίστε την ταχύτητα με την οποία θέλετε το animation να συμβεί σε δεύτερο επιχείρημα Κίνηση του . Χρησιμοποιήστε το πρόγραμμα του δείγματος που ακολουθεί για να μάθετε πώς να κάνει μια παράγραφο κίνηση σε ολόκληρη την οθόνη .

< Τύπος script = " text /javascript " src = " jquery.js " ? > < /script > < script { marginLeft : " 500px " } , " αργή" ) ? } ) ? } ) ? < /script > < /head> Παρακαλώ κάντε κλικ εδώ . < /κουμπί >

Παρακολουθήστε αυτή την κίνηση . < /p> < /body> < /html >

Η περιεχομένου Αλλαγή < br >

Χρησιμοποιήστε jQuery να αλλάξετε το περιεχόμενο HTML , χρησιμοποιώντας μια μέθοδο όπως HTML , προσάρτησης , ή πριν . Για παράδειγμα , αν θέλετε να προσθέσετε υπάρχον κείμενο σε μια συγκεκριμένη παράγραφο του οποίου η ταυτότητα είναι « myparagraph », γράφουν την ακόλουθη δήλωση .

$ ( "# Myparagraph » ) . Προσάρτησης ( " Νέο κείμενο " ) ? .

Εδώ είναι ένα δείγμα προγράμματος που απεικονίζει τη μέθοδο προσάρτησης

< Τύπος script = " text /javascript " src = " jquery.js " ? > < /script > < script κόσμο " ) ? } ) ? } ) ? < /script > < /head>

Παρακαλώ κάντε κλικ εδώ < /κουμπί > < p id = " myparagraph " > Παράγραφος 1 < /p > < /body> < /html > εικόνων
Αλλαγή CSS
Η

Χρησιμοποιήστε τη μέθοδο CSS jQuery για αλλάξετε το στυλ των παραγράφων , κουμπιά , τίτλους και άλλα στοιχεία HTML . Για παράδειγμα , " CSS ( " font-weight " , " τολμηρή " ) " θα κάνει το κείμενο ενός στοιχείου HTML τολμηρό . Προσδιορίστε το CSS ιδιότητες θέλετε να αλλάξετε το πρώτο επιχείρημα της μεθόδου CSS . Επιλέξτε την τιμή για το γνώρισμα με το δεύτερο επιχείρημα της μεθόδου του CSS . Εδώ είναι ένα δείγμα προγράμματος που βάζει τη μέθοδο CSS στο πλαίσιο .

Προσθέστε την επιχείρηση σας src="jquery.js"> < /script > < script id = " mybutton " > Κάντε κλικ εδώ < /κουμπί >

Παρακολουθήστε αυτό το τολμηρό στροφή . < /p> < /body> < /html >
< br >
εικόνων