Here is the compiled Cheat Sheet of the different Selectors,\u00a0Attributes, Manipulation, Traversing, Events and Effects available in jQuery. The aim of this cheat sheet is not just to provide with the list, but also to provide easy examples for your better understanding. In addition to this, you can simply try the Demo associated with each example to see the output in real time. Enjoy!<\/p>\n
<\/p>\n
Below is the complete Cheat Sheet. To see the examples and try out the demos, simply click on the link that you are interested in finding out more about.<\/p>\n
* parent > child :animated :contains()<\/a> :hidden<\/a> [name|=”value”] :first-child :button .attr() .addClass()<\/a> .height()<\/a> .offset()<\/a> jQuery.data() .clone()<\/p>\n .wrap() .append()<\/a> .after() .detach() .replaceAll()<\/a> .eq() .add()<\/a> .addBack() .error() .holdReady() .bind() .blur()
\n.class<\/a>
\nelement
\n#id
\nselector1, selectorN, …<\/p>\nHierarchy<\/h4>\n
\nancestor descendant
\nprev + next
\nprev ~ siblings<\/p>\nBasic Filters<\/h4>\n
\n:eq()<\/a>
\n:even<\/a>
\n:first<\/a>
\n:gt()<\/a>
\n:header<\/a>
\n:lang()
\n:last<\/a>
\n:lt()<\/a>
\n:not()<\/a>
\n: odd<\/a>
\n:root<\/a>
\n:target<\/p>\nContent Filters<\/h4>\n
\n:empty<\/a>
\n:has()<\/a>
\n:parent<\/a><\/p>\nVisibility Filters<\/h4>\n
\n:visible<\/a><\/p>\nAttribute<\/h4>\n
\n[name*=”value”]
\n[name~=”value”]
\n[name$=”value”]
\n[name=”value”]
\n[name!=”value”
\n[name^=”value”]
\n[name]
\n[name=”value”][name2=”value2″]<\/p>\nChild Filters<\/h4>\n
\n:first-of-type
\n:last-child
\n:last-of-type
\n:nth-child()
\n:nth-last-child()
\n:nth-last-of-type()
\n:nth-of-type()
\n: only-child
\n: only-of-type()<\/p>\nForms<\/h4>\n
\n:checkbox
\n:checked<\/a>
\n:disabled
\n:enabled
\n:focus<\/a>
\n:file
\n:image
\n:input
\n:password
\n:radio
\n:reset
\n:selected
\n:submit
\n:text<\/p>\nAttributes \/ CSS<\/h2>\n
Attributes<\/h4>\n
\n.prop()
\n.removeAttr()
\n.removeProp()
\n.val()<\/p>\nCSS<\/h4>\n
\n.css()<\/a>
\njQuery.cssHooks
\n.hasClass()<\/a>
\n.removeClass()<\/a>
\n.toggleClass()<\/a><\/p>\nDimensions<\/h4>\n
\n.innerHeight()
\n.innerWidth()
\n.outerHeight()
\n.outerWidth()
\n.width()<\/a><\/p>\nOffset<\/h4>\n
\n.offsetParent()
\n.position()<\/a>
\n.scrollLeft()
\n.scrollTop()<\/p>\nData<\/h4>\n
\n.data()
\njQuery.hasData()
\njQuery.removeData()
\n.removeData()<\/p>\nManipulation<\/h2>\n
Copying<\/h4>\n
DOM Insertion, Around<\/h4>\n
\n.wrapAll()
\n.wrapInner()<\/p>\nDOM Insertion, Inside<\/h4>\n
\n.appendTo()<\/a>
\n.html()<\/a>
\n.prepend()
\n.prependTo()
\n.text()<\/a><\/p>\nDOM Insertion, Outside<\/h4>\n
\n.before()
\n.insertAfter()<\/a>
\n.insertBefore()<\/p>\nDOM Removal<\/h4>\n
\n.empty()<\/a>
\n.remove()<\/a>
\n.unwrap()<\/p>\nDOM Replacement<\/h4>\n
\n.replaceWith()<\/a><\/p>\nTraversing<\/h3>\n
Filtering<\/h4>\n
\n.filter()
\n.first()
\n.has()
\n.is()
\n.last()
\n.map()
\n.not()
\n.slice()<\/p>\nMiscellaneous Traversing<\/h4>\n
\n.andSelf()
\n.contents()
\n.each()
\n.end()<\/p>\nTree Traversal<\/h4>\n
\n.children()
\n.closest()<\/a>
\n.find()
\n.next()
\n.nextAll()
\n.nextUntil()
\n.parent()
\n.parents()
\n.parentsUntil()
\n.prev()
\n.prevAll()
\n.prevUntil()
\n.siblings()<\/p>\nEvents<\/h2>\n
Browser Events<\/h4>\n
\n.resize()
\n.scroll()<\/p>\nDocument Loading<\/h4>\n
\n.load()
\n.ready()
\n.unload()<\/p>\nEvent Handler Attachment<\/h3>\n
\n.delegate()
\n.die()
\n.live()
\n.off()
\n.on()
\n.one()
\n.trigger()
\n.triggerHandler()
\n.unbind()
\n.undelegate()<\/p>\nForm Events<\/h4>\n
\n.change()
\n.focus()<\/a>
\n.select()
\n.submit()
\nKeyboard Events
\n.keydown()
\n.keypress()
\n.keyup()<\/p>\nMouse Events<\/h4>\n