JQuery Cheat Sheet
by luigi0555 via cheatography.com/28075/cs/8279/
Selectors
$('*'); $('ele๎ment');
$('.cl๎ass'); $('#ID');
$('sel๎ector1, selector2, select๎orN');
DOM
.append() .prepend()
.appen๎dTo() .prepe๎ndTo()
.after() .before()
.inser๎tAf๎ter() .inser๎tBe๎fore()
.next() .prev()
.data() .attr(๎'at๎tri๎but๎eNa๎me'๎,'a๎tri๎bute')
.remov๎eProp() prop()
.empty() .remove()
.remov๎eAttr() .first()
.last() .child๎ren()
.find() .html()
.text(); .val()
.end() .css('๎sty๎leN๎ame๎','๎style')
.addCl๎ass() .remov๎eCl๎ass()
toggle๎Class() .eq()
.end() not()
var object = $.exte๎nd({}, object1, object2);
Anim๎ations and Effects
.slideUp() .slide๎Down()
.width๎('0px') .heigh๎t('๎0px')
.fadeO๎ut(ms) .fadeI๎n(ms)
.hide(ms) .show(ms)
.fadeT๎oggle() .slide๎Tog๎gle()
.toggl๎e('๎fas๎t,s๎low๎',ms) .finish()
.stop() .queue()
clearQ๎ueue() .dequeue()
.anima๎te(๎{'r๎egl๎a:c๎ss'๎},m๎s,f๎unc๎tio๎n(){});
Event List
Browser Events
.resize() .scroll()
Document Loading
.holdR๎eady
()
ready()
Event Handler Attach๎ment
.on() .bind()
form events
.blur() .change() .focus()
.select() .submit()
Keyboard Events
.keydown() .keypr๎ess() .keyup()
Mouse Events
.click() .dblcl๎ick() focusin()
focusout() .hover๎(ha๎ndl๎erI๎n,H๎
and๎lerOut)
.hover๎(ha๎ndl๎e
rI๎nOut)
.mouse๎dow
n()
.mouse๎enter() .mouse๎leave(
)
.mouse๎mo
ve()
.mouse๎out() .mouse๎over()
.mouseup()
basic syntax
$('sel๎ector')
.metho๎dOne()
.metho๎dTwo()
.metho๎dN();
encaps๎ulated function
(funct๎ion(){
})();
Event Object
e.curr๎ent๎Target e.data
e.isDe๎fau๎ltP๎rev๎ented() e.name๎space
e.isIm๎med๎iat๎ePr๎opa๎gat๎ion๎Sto๎pped()
e.isPr๎opa๎gat๎ion๎Sto๎pped()
e.pageX e.pageY
e.prev๎ent๎Def๎ault() e.rela๎ted๎Target
e.result
e.stop๎Imm๎edi๎ate๎Pro๎pag๎ation()
e.stop๎Pro๎pag๎ation() e.target
e.time๎Stamp e.type
e.which
Event Handler
$('sel๎ect๎or'๎).e๎ven๎t(f๎unc๎tio๎nName);
$('sel๎ect๎or'๎).e๎ven๎t(f๎unc๎tio๎n(){});
$('sel๎ect๎or'๎).o๎n('๎eve๎nt'๎,fu๎nct๎ion๎Name);
$('sel๎ect๎or'๎)on๎('e๎ven๎t',๎fun๎cti๎onN๎ame๎(){});
$bind(๎'ev๎ent๎',f๎unc๎tion);
$(this)
AJAX
.ajaxC๎omp๎lete() ajax.E๎rror()
.ajaxS๎end() .ajaxS๎tart()
.ajaxS๎top() .ajaxS๎ucc๎ess()
Helper Functi๎ons
JQuery.pa๎ram() .seria๎lize()
serial๎ize๎Array()
Low-๎Level Interf๎ace
JQuery.ajax() JQuery.aj๎ax.S๎etup()
Shor๎tHand Methods
JQuery.get() JQuery.ge๎tJSON()
JQuery.ge๎tSc๎ript() JQuery.ge๎tSc๎rip๎t().load()
JQuery.post()
By luigi0555
cheatography.com/luigi0555/
Published 23rd May, 2016.
Last updated 23rd May, 2016.
Page 1 of 1.
Sponsored by Readability-Score.com
Measure your website readability!
https://readability-score.com