cheatsheets/jquery.md

title	layout
jQuery	default

Traversing

.children()
.closest('div')
.filter(':selected')
.find('div')
.has('div')

.first()

Extending selectors

// $(":inline")
$.expr[':'].inline = function(a) {
  return $(a).css('display') === 'inline';
};

Extend CSS properties

$.cssHooks.someCSSProp = {
  get: function(elem, computed, extra) {
  },
  set: function(elem, value) {
  }
};

// Disable "px"
$.cssNumber["someCSSProp"] = true;

fn.animate() hooks

$.fn.step.someWhatever = function(fx) {
  // ...
}

Mobile events

For support for tap, swipe, swipeLeft, et al, use jquery.mobile.event.js. Be sure to set $.support.touch first.

To get $.support.touch (and family), use this from jquery.mobile.support.js:

$.extend($.support, {
  orientation: "orientation" in window && "onorientationchange" in window,
  touch: "ontouchend" in document,
  cssTransitions: "WebKitTransitionEvent" in window,
  pushState: "pushState" in history && "replaceState" in history,
  mediaquery: $.mobile.media( "only all" ),
  cssPseudoElement: !!propExists( "content" ),
  touchOverflow: !!propExists( "overflowScrolling" ),
  boxShadow: !!propExists( "boxShadow" ) && !bb,
  scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
  dynamicBaseTag: baseTagTest()
});