jQuery Selector

Introduction

• Selector syntax
• selector context
• $(this) selector
• Escape characters

Basic

• ID
• Tag Name
• Class Name
• Universal (*)

Combination

• Descendant $( ' E F ' )
• Child (E > F)
• General sibling (E ~ F)
• Multiple expressions (E, F, G)
• Filtering by Relationships

Attribute

• Attribute selectors
• Attribute existence([attr] )
• Attribute equals ([foo=bar] )
• Attribute not equal ([foo!=bar] )
• Attribute begins with ([foo^=bar])
• Attribute ends with ([foo$=bar] )
• Attribute contains ([foo*=bar] )
• Attribute contains word ([foo~=bar])
• Attribute contains prefix ([foo|=bar])
• Attribute exists $( " [attributeName*= ' value ' ] " )

Form

• Form selector
• Form input selector (:input)
• Form text fields (input:text)
• Form Password field (input:password)
• Form Radio button (input:radio)
• Form Checkbox (input:checkbox)
• Form Submit button (input:submit)
• Form Image button (input:image)
• Form Reset button (input:reset)
• Form button (input:button)
• Form File upload (input:file)
• Form Enabled form element (input:enabled)
• Form Disabled form element (input:disabled)
• Form Checked box (input:checked)
• Form Selected option (input:selected)

Relation pseudo

• Numbered child (:nth-child(n/even/odd/expr))
• First child (:first-child)
• Last child (:last-child)
• Only child (:only-child)
• Element at index (:eq(n))
• Greater than (:gt(n))
• Less than (:lt(n))
• First (:first)
• Last (:last)
• Even element (:even)
• Odd element (:odd)
• parent (:parent)

Content pseudo

• Not (:not(E))
• Empty (:empty)
• Contains text (:contains(text))
• Contains element (:has(E))
• Visible (:visible)
• Hidden (:hidden)
• Header element (:header)
• Currently animating (:animated)

Custom

• Custom User Selectors