Λήψη στοιχείων με βάση χαρακτηριστικά
1. Για παράδειγμα, θέλετε να λάβετε ένα στοιχείο με αναγνωριστικό στην ετικέτα p της σελίδας
$("p[id]").css("χρώμα","κόκκινο");
Λήψη στοιχείων με βάση τις τιμές χαρακτηριστικών
1.$。 Στο jQuery, $("<span>"), αυτή η σύνταξη είναι ισοδύναμη με το $(document.createElement("span")), το οποίο είναι μια χρήση που χρησιμοποιείται κατά την επιλογή ενός στοιχείου: [attribute$=value], η αντιστοίχιση ενός δεδομένου χαρακτηριστικού είναι ένα στοιχείο που τελειώνει σε κάποια τιμή. Εδώ είναι ένα παράδειγμα:
Κώδικας HTML
Αντιγραφή κωδικού Ο κώδικας έχει ως εξής:
<όνομα εισαγωγής = "ενημερωτικό δελτίο" />
<όνομα εισαγωγής="γαλατάς" />
<input name="jobletter" />
Κωδικός jQuery:
- $("input[name$='letter']")
Έκβαση:
[ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。 Selector: [attribute!=value], ταιριάζει με όλα τα στοιχεία που δεν περιέχουν ένα καθορισμένο χαρακτηριστικό ή των οποίων το χαρακτηριστικό δεν ισούται με μια συγκεκριμένη τιμή, αυτός ο επιλογέας είναι ισοδύναμος με :not([attr=value]).
Να μερικά παραδείγματα:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Κακά σχέδια" />
Κωδικός jQuery:
- $("input[name!='newsletter']").attr("checked", true);
Έκβαση:
[ <input type="checkbox" name="accept" value="Κακά σχέδια" checked="true" /> ]
3.*。 Selector: [attribute*=value], η αντιστοίχιση ενός δεδομένου χαρακτηριστικού είναι ένα στοιχείο που περιέχει συγκεκριμένες τιμές. Εδώ είναι ένα παράδειγμα:
Κώδικας HTML:
<input name="man-news" />
<όνομα εισαγωγής="γαλατάς" />
<όνομα εισαγωγής="letterman2" />
<όνομα εισαγωγής="newmilk" />
Κωδικός jQuery:
Έκβαση:
[ <όνομα εισαγωγής="man-news" />, <όνομα εισαγωγής="γαλατάς" />, <όνομα εισαγωγής="letterman2" /> ]
4.@。 Αντιστοιχίστε στοιχεία που περιέχουν ένα δεδομένο χαρακτηριστικό. Σημειώστε ότι στο jQuery 1.3, το σύμβολο @ έχει καταργηθεί! Εάν θέλετε να είστε συμβατοί με την πιο πρόσφατη έκδοση, απλά πρέπει να αφαιρέσετε το σύμβολο @
Ναι.
5.^。 Selector: [attribute^=value], η αντιστοίχιση ενός δεδομένου χαρακτηριστικού είναι ένα στοιχείο που ξεκινά με κάποια τιμή, εδώ είναι ένα παράδειγμα:
Κώδικας HTML:
<όνομα εισαγωγής = "ενημερωτικό δελτίο" />
<όνομα εισαγωγής="γαλατάς" />
<input name="newsboy" />
Κωδικός jQuery:
Έκβαση:
[ <input name="newsletter" />, <input name="newsboy" /> ]
6 Αποκτήστε ένα στοιχείο με ένα καθορισμένο χαρακτηριστικό και μια καθορισμένη συμβολοσειρά στη ρύθμιση
Κώδικας HTML:
- <p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>
Κωδικός jQuery:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Φυσικά, μπορεί επίσης να ληφθεί με βάση τα χαρακτηριστικά id ή άλλα χαρακτηριστικά, όπως $("input[id=id1]").css("color",red);
Στο jquery, όταν χρησιμοποιείτε το $("input[name='metaId']").val() δεν μπορεί να λάβει απευθείας την τιμή του επιλεγμένου ραδιοφώνου, αλλά μόνο την πρώτη τιμή της ετικέτας ραδιοφώνου, αυτό μπορεί να σχετίζεται με το jquery χρησιμοποιώντας τη γλώσσα xpath για αναζήτηση και συνήθως θέλουμε να λάβουμε την τιμή του επιλεγμένου ραδιοφώνου, υπάρχουν διάφορες μέθοδοι:
1. Χρησιμοποιήστε το $("input[name='metaId']:checked").val() για να λάβετε //name για να αναπαραστήσετε το όνομα του χαρακτηριστικού ονόματος στο ραδιόφωνο
2. Χρησιμοποιήστε το $(":radio:checked").val() για να λάβετε // Περιορίστε τη σελίδα σε ένα μόνο σύνολο ετικετών ραδιοφώνου
|
Δημοσιεύτηκε στις 28/10/2015 7:30:55 μ.μ.
|
|
|
