Εκπαιδευτικός Οδηγός του jQuery - Επιλογείς

Επιλογείς του jQuery

selektor πρότυπο Επιλογή
* $("*") Όλα τα στοιχεία
#id $("#lastname") στοιχείο με id="lastname"
.class $(".intro") Όλα τα στοιχεία με class="intro"
element $("p") Όλα τα στοιχεία <p>
.class.class $(".intro.demo") Όλα τα στοιχεία με class="intro" και class="demo"
　 　 　
:first $("p:first") Το πρώτο στοιχείο <p>
:last $("p:last") Το τελευταίο στοιχείο <p>
:even $("tr:even") Όλα τα στοιχεία <tr> με παρτίδα
:odd $("tr:odd") Όλα τα στοιχεία <tr> με ατόνο
　 　 　
:eq(index) $("ul li:eq(3)") Ο τέταρτος στοιχείο της λίστας (ο δείκτης ξεκινάει από 0)
:gt(no) $("ul li:gt(3)") Κατατάσσει τα στοιχεία με index μεγαλύτερο από 3
:lt(no) $('ul li:lt(3)') Κατατάσσει τα στοιχεία με index κάτω από 3
:not(selector) $('input:not(:empty)') Όλα τα στοιχεία input που δεν είναι κενά
　 　 　
:header $(':header') Όλα τα στοιχεία τίτλου <h1> - <h6>
:animated 　 Όλα τα στοιχεία που είναι σε αニματζά
　 　 　
:contains(text) $(':contains('W3School')') Όλα τα στοιχεία που περιέχουν το καθορισμένο string
:empty $(':empty') Όλα τα στοιχεία χωρίς υποελλείπουσα κόμβο (εлемент)
:hidden $('p:hidden') Όλα τα κρυμμένα στοιχεία <p>
:visible $('table:visible') Όλα τα ορατά πίνακες
　 　 　
s1,s2,s3 $('th,td,.intro') Όλα τα στοιχεία με επιλογή που ταιριάζει
　 　 　
[attribute] $('[href]') Όλα τα στοιχεία με attribute href
[attribute=value] $('[href='#']') Όλα τα στοιχεία με attribute href που είναι "#"
[attribute!=value] $('[href!='#']') Όλα τα στοιχεία με attribute href που δεν είναι "#"
[attribute$=value] $('[href$='.jpg']') Όλα τα στοιχεία με attribute href που τελειώνουν με ".jpg"
　 　 　
:input $(':input') Όλα τα στοιχεία <input>
:text $(':text') Όλα τα στοιχεία <input> με attribute type="text"
:password $(':password') Όλα τα στοιχεία <input> με attribute type="password"
:radio $(':radio') Όλα τα στοιχεία <input> με attribute type="radio"
:checkbox $(':checkbox') Όλα τα στοιχεία <input> με attribute type="checkbox"
:submit $(':submit') Όλα τα στοιχεία <input> με attribute type="submit"
:reset $(':reset') Όλα τα στοιχεία <input> με attribute type="reset"
:button $(':button') Όλα τα στοιχεία <input> με attribute type="button"
:image $(':image') Όλα τα στοιχεία input τύπου "image"
:file $(':file') Όλα τα στοιχεία input τύπου "file"
　 　 　
:enabled $(':enabled') Όλα τα ενεργοποιημένα στοιχεία input
:disabled $(':disabled') Όλα τα απενεργοποιημένα στοιχεία input
:selected $(':selected') Όλα τα επιλεγμένα στοιχεία input
:checked $(':checked') Όλα τα επιλεγμένα στοιχεία input

Δείτε επίσης

Εκμάθηση:Γραμματική του Επιλογέα στο jQuery