Cheatography
https://cheatography.com
Value Types
Number |
Any numeric value |
String |
Characters inside quote marks |
Boolean |
True or False |
Null |
Empty and meaningless |
Object |
Any value associated with the object |
Function |
Value returned by a function |
Operators
x + y (numeric) |
Adds x and y together |
x + y (string) |
Concatinates x and y together |
x - y |
Subtracts y from x |
x * y |
Multiplies x and y together |
x / y |
Divides x by y |
x % y |
Modulus: The remainder when x is divided by y |
x++, ++x |
Adds one to x |
x--, --x |
Subtracts one from x |
-x |
Reverses the sign on x |
Assignments
x = y |
Sets x to the value of y |
x += y |
Same as x = x + y |
x -= y |
Same as x = x - y |
x *= y |
Same as x = x * y |
x /= y |
Same as x = x / y |
x %= y |
Same as x = x % y |
Adding to an array
.length property |
Adds one value to the end of an array |
push() |
Adds one or more items to the end of an array |
unshift() |
Adds one or more items to the beginning of an array. |
Misc
parseInt() |
Takes a value and tries to convert it to an integer |
isNaN() |
Returns true if something is not a number. |
setTimeout() |
Specify that am action should occur on a particular schedule |
Math.floor |
Rounds a number down |
Math.random |
Generaters a random number between 0 and 1 |
getElementsByTagName() |
getElementById() |
getElementsByClassName() |
element.innerHTML |
returns all the HTML between the opening and closing tags |
element.nodeType |
property, returns the number of the node type |
element.childNodes |
A node list of child nodes that are indexed numerically, and appear in source order. |
element.childNodes.length |
Returns the number of child nodes of the element |
|
|
Event Handlers
onabort |
The user aborted loading the page |
onblur |
The user left the object |
onchange |
The user changed the object |
onclick |
The user clicked an object |
onerror |
The script encountered an error |
onfocus |
The user made an object active |
onload |
The object finished loading |
onmouseover |
The cursor moved over an object |
onmouseout |
The cursor moved off an object |
onselect |
The user selected the contents of an object |
onsubmit |
The user submitted a form |
onunload |
The user left the page |
onmove |
The window is moved |
onmousedown |
A mouse button is pressed down |
onmouseup |
A mouse button is released |
onmousemove |
The mouse moves |
ondblclick |
A double click of a mouse button |
onclick |
A single click (down and then up) of a mouse button |
onreset |
A reset button is clicked on a form |
onkeydown |
Triggered when a key is pressed down |
onkeyup |
Triggered when a key is released |
onkeypress |
Triggered when a key is pressed and then released |
Comparisons
x == y |
Returns true if x and y are equal |
x === y |
Returns true if x and y are identical |
x != y |
Returns true if x and y are not equal |
x !== y |
Returns true if x and y are not identical |
x > y |
Returns true if x is greater than y |
x >= y |
Returns true if x is greater than or equal to y |
x < y |
Returns true if x is less than y |
x <= y |
Returns true if x is less than or equal to y |
x && y |
Returns true if both x and y are true |
x || y |
Returns true if either x or y are true |
!x |
Returns true if x is false |
Remove item from an array
pop() |
Removes the last item from the array |
shift() |
Removes the first item from the array |
|
|
jQuery - Adding and removing content to a page
.html() |
Retrieve or replaces the HTML inside the selection |
.text() |
Works like .html() but does not accept HTML tags |
.append() |
Adds HTML as the last child element of the selected element |
.prepend() |
Like .append(), but adds HTML directly after the opening tag for the selection |
.before() |
Add HTML outside of a selection, just before the selected element |
.after() |
Add HTML outside of a selection, just after the selected element |
.remove() |
Completely remove a selected element |
.replaceWith() |
Completely replace selected element |
jQuery - other
.addClass |
Adds a specified class to an element |
.removeClass |
Removes a specified class from an element |
.toggleClass() |
Add a class if it doesn't already exist, or remove the class if it does |
.css() |
Lets you directly read or change CSS properties of an element |
.attr() |
Reads a specified HTML attribute from a tag. Sets the specified HTML attribute if a second argument is passed. |
.removeAttr() |
Completely removes an attribute from a tag. |
.each() |
To loop through selection of elements with your own anonymous function. |
jQuery Filters
:even and :odd |
Selects every other element in a group |
:first and :last |
Selects the first or the last element in a group |
:not() |
to find elements that don't match a particular selctor type |
:has() |
finds elements that contain another selector |
:contains() |
Finds elements that contain specific text |
:hidden |
Locates elements that are hidden |
:visible |
Locates elements that are visible |
|
Created By
Metadata
Favourited By
and 95 more ...
Comments
you got a mistake there, length does not add a value to an array. :(
Add a Comment
Related Cheat Sheets