jQuery Cheat Sheet

• jQuery.Callbacks()
• callbacks.add()
• callbacks.disable()
• callbacks.disabled()
• callbacks.empty()
• callbacks.fire()
• callbacks.fired()
• callbacks.fireWith()
• callbacks.has()
• callbacks.lock()
• callbacks.locked()
• callbacks.remove()

• .jquery
• .context
• jQuery.error()
• .length
• .pushStack()
• .selector

• .get()
• .index()
• .size()
• .toArray()

• jQuery.boxModel
• jQuery.browser
• jQuery.contains()
• jQuery.each()
• jQuery.extend()
• jQuery.globalEval()
• jQuery.grep()
• jQuery.inArray()
• jQuery.isArray()
• jQuery.isEmptyObject()
• jQuery.isFunction()
• jQuery.isNumeric()
• jQuery.isPlainObject()
• jQuery.isWindow()
• jQuery.isXMLDoc()
• jQuery.makeArray()
• jQuery.map()
• jQuery.merge()
• jQuery.noop()
• jQuery.now()
• jQuery.parseHTML()
• jQuery.parseJSON()
• jQuery.parseXML()
• jQuery.proxy()
• jQuery.support
• jQuery.trim()
• jQuery.type()
• jQuery.unique()
• jQuery.uniqueSort()

• jQuery.Deferred()
• deferred.always()
• deferred.done()
• deferred.fail()
• deferred.isRejected()
• deferred.isResolved()
• deferred.notify()
• deferred.notifyWith()
• deferred.pipe()
• deferred.progress()
• deferred.promise()
• deferred.reject()
• deferred.rejectWith()
• deferred.resolve()
• deferred.resolveWith()
• deferred.state()
• deferred.then()
• .promise()

• jQuery()
• jQuery.noConflict()
• jQuery.sub()
• jQuery.holdReady()
• jQuery.when()

• jQuery.get()
• jQuery.getJSON()
• jQuery.getScript()
• jQuery.post()
• .load()

• jQuery.ajax()
• jQuery.prefilter()
• jQuery.ajaxSetup()
• jQuery.ajaxTransport()

• jQuery.param()
• .serialize()
• .serializeArray()

• .ajaxComplete()
• .ajaxError()
• .ajaxSend()
• .ajaxStart()
• .ajaxStop()
• .ajaxSuccess()

• .fadeIn()
• .fadeOut()
• .fadeTo()
• .fadeToggle()

• .animate()
• .clearQueue()
• .delay()
• .dequeue()
• jQuery.dequeue()
• .finish()
• jQuery.fx.interval
• jQuery.fx.off
• jQuery.speed
• .queue()
• jQuery.queue()
• .stop()

• .slideDown()
• .slideToggle()
• .slideUp()

• .click()
• .contextMenu()
• .dblclick()
• .hover()
• .mousedown()
• .mouseenter()
• .mouseleave()
• .mousemove()
• .mouseout()
• .mouseover()
• .mouseup()
• .toggle()

• .keydown()
• .keypress()
• .keyup()

• .blur()
• .change()
• .focus()
• .focusin()
• .focusout()
• .select()
• .submit()

• .bind()
• .delegate()
• .die()
• .live()
• .off()
• .on()
• .one()
• .trigger()
• .triggerHandler()
• .unbind()
• .undelegate()

• .load()
• .ready()
• .unload()

• event.currentTarget
• event.delegateTarget
• event.data
• event.isDefaultPrevented()
• event.isImmediatePropagationStopped()
• event.isPropagationStopped()
• event.metaKey
• event.namespace
• event.pageX
• event.pageY
• event.preventDefault()
• event.relatedTarget
• event.result
• event.stopImmediatePropagation()
• event.stopPropagation()
• event.target
• event.timeStamp
• event.type
• event.which

• .error()
• .resize()
• .scroll()

• .children()
• .closest()
• .find()
• .next()
• .nextAll()
• .nextUntil()
• .parent()
• .parents()
• .parentsUntil()
• .prev()
• .prevAll()
• .prevUntil()
• .siblings()

• .add()
• .addBack()
• .andSelf()
• .contents()
• .each()
• .end()

• .eq()
• .filter()
• .first()
• .has()
• .is()
• .last()
• .map()
• .not()
• .slice()

• .replaceAll()
• .replaceWith()

• .detach()
• .empty()
• .remove()
• .unwrap()

• .after()
• .before()
• .insertAfter()
• .insertBefore()

• .append()
• .appendTo()
• .html()
• .prepend()
• .prependTo()
• .text()

• .wrap()
• .wrapAll()
• .wrapInner()

• .clone()

• .offset()
• .offsetParent()
• .position()
• .scrollLeft()
• .scrollTop()

• .height()
• .innerHeight()
• .innerWidth()
• .outerHeight()
• .outerWidth()
• .width()

• .addClass()
• .hasClass()
• .removeClass()
• .toggleClass()
• .css()
• jQuery.cssHooks
• jQuery.cssNumber
• jQuery.escapeSelector()

• .attr()
• .prop()
• .removeAttr()
• .removeProp()
• .val()

#Data

• jQuery.data()
• .data()
• jQuery.hasData()
• jQuery.removeData()
• .removeData()

• :button
• :checkbox
• :checked
• :disabled
• :enabled
• :focus
• :file
• :image
• :input
• :password
• :radio
• :reset
• :selected
• :submit
• :text

• :first-child
• :first-of-type
• :last-child
• :last-of-type
• :nth-child()
• :nth-last-child()
• :nth-last-of-type()
• :nth-of-type()
• :only-child
• :only-of-type()

• [name|="value"]
• [name*="value"]
• [name~="value"]
• [name$="value"]
• [name="value"]
• [name!="value"]
• [name^="value"]
• [name]
• [name="value"][name2="value2"]

• :animated
• :eq()
• :even
• :first
• :gt()
• :header
• :lang()
• :last
• :lt()
• :not()
• :odd
• :root
• :target

• *
• .class
• element
• #id
• :hidden
• :visible
• :contains()
• :empty
• :has()
• :parent
• parent > child
• ancestor descendant
• prev + next
• prev ~ siblings

$("button").click(() => { $(":button").css("color", "red"); }); 

#Combining selectors

$("selector1, selector2 ...selectorn") 

$(document).ready(function() { // Runs after the DOM is loaded. alert('DOM fully loaded!'); }); 

$(function(){ // Runs after the DOM is loaded. alert('DOM fully loaded!'); }); 

$(selector).methodOrFunction(); 

#Example:

$('#menu').on('click', () =>{ $(this).hide(); }); $("body").css("background", "red"); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 

#Official CDN

<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>