Στο CSS, μπορείτε να επιλέξετε όλα
στοιχεία στη σελίδα με αυτό:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
Στο jQuery, μπορείτε να χρησιμοποιήσετε τον ίδιο ακριβώς επιλογέα.
$("h1") // set of all
elements
Στην πραγματικότητα, μπορείτε να χρησιμοποιήσετε οποιονδήποτε επιλογέα CSS (ακόμη και επιλογείς CSS3) στο jQuery. Σε αυτό το screencast χρησιμοποιήσαμε ακόμη και τον επιλογέα: n-of-type για να επιλέξουμε τον δεύτερο όρο ορισμού σε μια λίστα ορισμών:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Αυτή η μέθοδος .html () είναι χρήσιμη. Σας επιτρέπει να αλλάξετε (ή να λάβετε) το "innerHTML" ενός στοιχείου. Όπως στο, όχι το ίδιο το στοιχείο, αλλά όλα μέσα του. Τα «έντερα» που θα μπορούσατε να πείτε. Είναι παρόμοιο με τη μέθοδο .text (), αλλά το κείμενο () είναι κυριολεκτικά μόνο για κείμενο. Δεν θα επιστρέψει πραγματικό HTML από το εσωτερικό του στοιχείου. Επομένως, αν ήταν τα «έντερα» Some text, θα επέστρεφε απλά «Κάποιο κείμενο». Η ρύθμιση κειμένου με αυτό θα ξεφύγει από οποιοδήποτε HTML έχετε τοποθετήσει, πράγμα που σημαίνει ότι θα δείτε κυριολεκτικά το "". Η λήψη κειμένου μαζί του είναι επίσης μοναδική, γιατί αν επιλέξετε πολλά στοιχεία, θα επιστρέψει το συνδυασμένο κείμενο από όλα αυτά, το οποίο είναι μοναδικό στο jQuery. Σε άλλες περιπτώσεις όταν "λαμβάνετε" μια τιμή από μια μέθοδο, θα επιστρέψει την τιμή από την πρώτη στο σετ. Όπως .height()θα επιστρέψει το ύψος από το πρώτο στοιχείο του σετ.
Δείτε το στυλό eab1c311dd6e399a2006f1694bbbe051 του Chris Coyier (@chriscoyier) στο CodePen