Cheatography
https://cheatography.com
List of common jQuery selectors. I had compiled this list a while ago into a word document but do not remember the source now.
General* | All | element | Element | .class | Class | #id | ID |
Attributes[name] | Has Attribute | [name|="value"] | Contains Prefix (before hyphen (-)) | [name*="value"] | Contains | [name~="value"] | Contains Word | [name^="value"] | Starts With | [name$="value"] | Ends With | [name="value"] | Equals | [name!="value"] | Not Equal | [name="v"][name2="v2"] | Multiple Attributes |
Controls:button | Button | :checkbox | Checkbox | :submit | Submit | :text | Text | :password | Password | :radio | Radio | :reset | Reset | :file | File | :image | Image | :input | input, textarea, select and button elements |
| | Functions:contains(text) | Elements that contain the specified text. | :eq(n) | Element at index n within the matched set. | :gt(n) | Elements at an index greater than n within the matched set. | :lt(n) | Elements at an index less than index within the matched set. | :has(selector) | Elements which contain at least one element that matches the specified selector. | :not(selector) | Elements that do not match the given selector. | :nth-child() | Elements that are the nth-child of their parent. | :empty | Elements that have no children (including text nodes). | :even | Even elements, zero-indexed. | :first | The first matched element. | :header | Elements that are headers, like h1, h2, h3 and so on. | :last | The last matched element. | :odd | Odd elements, zero-indexed. |
Element State:checked | Checked | :animated | Animated | :disabled | Disabled | :enabled | Enabled | :focus | Focused | :selected | Selected | :visible | Visible | :hidden | Hidden |
| | Hierarchyparent > child | Direct child elements specified by "child" of elements specified by "parent". | ancestor descendant | Elements that are descendants of a given ancestor. | selector1, selector2, selectorN | Combined results of all the specified selectors. | prev + next | Next elements matching "next" that are immediately preceded by a sibling "prev". | prev ~ siblings | Sibling elements that follow after the "prev" element, have the same parent, and match the filtering "siblings" selector. | :first-child | Elements that are the first child of their parent. | :last-child | Elements that are the last child of their parent. | :only-child | Elements that are the only child of their parent. | :parent | Elements that are the parent of another element, including text nodes. |
|
Help Us Go Positive!
We offset our carbon usage with Ecologi. Click the link below to help us!
Created By
www.i3quest.com
Metadata
Favourited By
and 87 more ...
Comments
I know this will make a lot of people very happy - a jQuery cheat sheet has been requested for a long time! Good job :)
Should probably be called 'jQuery Selector Cheat Sheet' as it only covers that topic. Useful though, thanks,
Yeah, as Ben said it is only jQuery "selectors" - which are basically CSS selectors with a few helpful additions.
This will be great to some other beginners, like me.
Hmm, maybe it would be good to have the methods listed with args too. This is what I look up the most.
Add a Comment
Related Cheat Sheets