jQuery Cheat Sheet by i3quest
5 Comments
| 
Add a Comment
| 
PDF Download
| 
Find:
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 |
| |
Hierarchy
| parent > 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. |
|
Favourited by 34 Members:
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
You are posting a reply. Cancel Reply.
Contents
List of common jQuery selectors. I had compiled this list a while ago into a word document but do not remember the source now.
Cheatographer
www.i3quest.com
Cheat Sheet Stats
Tags
Related (shares tags with):
Thumbnail