Scribd
Upload
45 views

Jquery Cheat Sheet: by Via

This document is a JQuery cheat sheet that provides summaries of common JQuery selectors, events, DOM manipulation methods, AJAX functions, and animation/effects. It lists selectors like $(), $('.class'), and $('#ID'), events like .click(), .change(), and .mouseover(), and methods for DOM manipulation, AJAX calls, and animations/effects. The cheat sheet is intended to provide a quick reference to core JQuery functionality.

Uploaded by

Shao Kahn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
45 views

Jquery Cheat Sheet: by Via

This document is a JQuery cheat sheet that provides summaries of common JQuery selectors, events, DOM manipulation methods, AJAX functions, and animation/effects. It lists selectors like $(), $('.class'), and $('#ID'), events like .click(), .change(), and .mouseover(), and methods for DOM manipulation, AJAX calls, and animations/effects. The cheat sheet is intended to provide a quick reference to core JQuery functionality.

Uploaded by

Shao Kahn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

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

You might also like