JQuery Cheat Sheet

by luigi0555 via cheatography.com/28075/cs/8279/

Selectors Event List Event Object

$('*'); $('ele​ment'); Browser Events e.curr​ent​Target e.data

$('.cl​ass'); $('#ID'); .resize() .scroll() e.isDe​fau​ltP​rev​ented() e.name​space

$('sel​ector1, selector2, select​orN'); Document Loading e.isIm​med​iat​ePr​opa​gat​ion​Sto​pped()

.holdR​eady ready() e.isPr​opa​gat​ion​Sto​pped()

DOM
() e.pageX e.pageY
.append() .prepend() Event Handler Attach​ment e.prev​ent​Def​ault() e.rela​ted​Target
.appen​dTo() .prepe​ndTo() .on() .bind() e.result
.after() .before() form events e.stop​Imm​edi​ate​Pro​pag​ation()
.inser​tAf​ter() .inser​tBe​fore() .blur() .change() .focus() e.stop​Pro​pag​ation() e.target
.next() .prev() .select() .submit() e.time​Stamp e.type
.data() .attr(​'at​tri​but​eNa​me'​,'a​tri​bute') Keyboard Events e.which
.remov​eProp() prop() .keydown() .keypr​ess() .keyup()
.empty() .remove() Event Handler
Mouse Events
.remov​eAttr() .first() $('sel​ect​or'​).e​ven​t(f​unc​tio​nName);
.click() .dblcl​ick() focusin()
.last() .child​ren() $('sel​ect​or'​).e​ven​t(f​unc​tio​n(){});
focusout() .hover​(ha​ndl​erI​n,H​ .hover​(ha​ndl​e
.find() .html() and​lerOut) rI​nOut) $('sel​ect​or'​).o​n('​eve​nt'​,fu​nct​ion​Name);

.text(); .val() .mouse​dow .mouse​enter() .mouse​leave( $('sel​ect​or'​)on​('e​ven​t',​fun​cti​onN​ame​(){});

.end() .css('​sty​leN​ame​','​style') n() ) $bind(​'ev​ent​',f​unc​tion);

.addCl​ass() .remov​eCl​ass() .mouse​mo .mouse​out() .mouse​over() $(this)

ve()
toggle​Class() .eq()
.mouseup() AJAX
.end() not()

var object = $.exte​nd({}, object1, object2); .ajaxC​omp​lete() ajax.E​rror()

basic syntax
.ajaxS​end() .ajaxS​tart()
$('sel​ector')
Anim​ations and Effects .ajaxS​top() .ajaxS​ucc​ess()
.metho​dOne()
.slideUp() .slide​Down() .metho​dTwo() Helper Functi​ons

.width​('0px') .heigh​t('​0px') .metho​dN(); JQuery.pa​ram() .seria​lize()

.fadeO​ut(ms) .fadeI​n(ms) serial​ize​Array()
encaps​ulated function
.hide(ms) .show(ms) Low-​Level Interf​ace
(funct​ion(){
.fadeT​oggle() .slide​Tog​gle() JQuery.ajax() JQuery.aj​ax.S​etup()
})();
.toggl​e('​fas​t,s​low​',ms) .finish() Shor​tHand Methods
.stop() .queue() JQuery.get() JQuery.ge​tJSON()
clearQ​ueue() .dequeue() JQuery.ge​tSc​ript() JQuery.ge​tSc​rip​t().load()
.anima​te(​{'r​egl​a:c​ss'​},m​s,f​unc​tio​n(){}); JQuery.post()

By luigi0555 Published 23rd May, 2016. Sponsored by Readability-Score.com

cheatography.com/luigi0555/ Last updated 23rd May, 2016. Measure your website readability!
Page 1 of 1. https://readability-score.com