Cheatography
https://cheatography.com
Basic Selectors
* |
All Elements (including head) |
#ID |
Element of specified ID |
.classname |
Elements of classname |
tagname |
Elements of tagname |
a[href] |
Anchor with href attribute |
a[href='value'] |
Anchor with href = 'value' |
a[href|='value'] |
Anchor with href = 'value'
or
href starting with 'value-' |
a[href^='value'] |
Anchor with href beginning with 'value' |
a[href!='value'] |
Anchor with href not equal to value |
a[href$='value'] |
Anchor with href ending with 'value' |
a[href*='value'] |
Anchor with href containing 'value' |
a[href~='value'] |
Anchor with href = 'value'
or
href containing complete word 'value' |
a[C1][C2] |
Anchor with attributes satisfying criteria C1 and C2 |
s1s2 |
Elements satisfying
selector1 and selector2 |
s1,s2 |
Elements satisfying
selector1 or selector2 |
s1>s2 |
Elements satisfying
selector2
and
direct child of selector1 |
s1 s2 |
Elements satisfying
selector2
and
descendants of selector1 |
s1+s2 |
Elements satisfying
selector2
and
next immediate sibiling of selector1 |
s1~s2 |
Elements satisfying
selector2
and
next sibiling of selector1 |
Form Filters
:button |
<button>
<input type = submit, reset or button> |
:checkbox |
:checked |
checked or selected state |
:selected |
selected option of <select> |
:disabled |
:enabled |
:file |
<input type="file"> |
:focus |
:image |
<intput type="image"> |
:input |
<input>
<select>
<textarea>
<button> |
:password |
<input type="password"> |
:radio |
:reset |
:submit |
:text |
<input type="text"> |
Attributes and Properties
$(A).attr(name) |
get specified attribute value (in string) for first element in $(A) |
$(A).attr(name,value|Function)
$(A).attr({name:value|Function,etc}} |
set specified attribute for all elements in $(A) |
$(A).removeAttr(name) |
$(A).prop(name) |
get specified attribute value for first element in $(A) |
$(A).prop(name,value|Function)
$(A).attr({name:value|Function,etc}} |
$(A).removeProp(name) |
$(A).data(name,value) |
Store name=value pair in jQuery memory cache
if name is my-love, it is stored as myLove |
$(A).data([name]) |
Get name value from jQuery Cache else data-name attribute |
$(A).removeData([name])
$.removeData(js element,[name]) |
$.hasData(js element) |
Check if element has any associated data in jqeury cache |
|
|
Position Filters
:first
:last
:eq(n) |
nth element (0-based index) |
:lt(n)
:gt(n) |
elements before/after nth index |
:even
:odd |
elements at even /odd index |
:first-child
:last-child
nth-child(n)
nth-child(even|odd)
nth-child(Xn+Y) |
nth child (1-based index) |
nth-last-child(n)
nth-last-child(even|odd)
nth-last-child(Xn+Y) |
nth child, starting from the last |
nth-of-type(n)
nth-of-type(even|odd)
nth-of-type(Xn+Y) |
nth-last-of-type(n)
nth-last-of-type(even|odd)
nth-last-of-type(Xn+Y) |
:only-child |
elements with no sibilings |
:only-of-type |
elements with no sibilings of same type |
Content Filters
:contains(text) |
elements containing text |
:empty |
:has(selector) |
elements containing at least one selector |
:parent |
elements with at least one child node |
Other Filters
:animated |
elements currently under animated control |
:header |
<h1> through <h6> |
:visible |
:hidden |
:lang(language) |
:not(selector) |
:root |
element which is root of the document |
:target |
element targeted by the document's URI's identifier |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets