jQuery Notes

Some useful API

Attr

• .attr() vs .prop() : difference attr() retrieve property values may cause inconsistent behaviour, but .prop() will not.
• .toggleClass()
• .val()

Callbacks

• .fire() call all callbacks in list
• .disable()/.empty() /.disabled() /.lock() /.remove() /
• .fireWith() fire with specific Context and Arguments, e.g. ‘window‘ context.
• flags argument: space-separated. $.Callbacks( "unique stopOnFalse" once, memory, unique, stopOnFalse, is Callbacks‘ Construct method

Core

• jq.hodReady() must be called early in document... use to load additional jq plugins, when loaded, jq.holdReady(false) to get jq context(document may already be ready) ready.
• noConflict() to replace "$" or just make it simple
• .ready: jq.when(dosomething, jq.ready).then(callback) jq.when(deferreds: 延时技术).done(callback) can listen multi task and get response.

CSS

• .css() get a key value or set value with key and value. Camel. In jq 1.9 .css(propertyNames) -> array. $( elem ).css([ "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth" ]) e.g.
• native useful: Array.join("something ")
• .on(eventString, callback()).on(ev...)
• .height() vs innerHeight()/innerWidth(): including padding but not border
• .cssHooks: to make some supportedProp or get regular/standard prop. Ex:

(function( $ ) {
 
// First, check to see if cssHooks are supported
if ( !$.cssHooks ) {
  // If not, output an error message
  throw( new Error( "jQuery 1.4.3 or above is required for this plugin to work" ) );
}
 
// Wrap in a document ready call, because jQuery writes
// cssHooks at this time and will blow away your functions
// if they exist.
$(function () {
  $.cssHooks[ "someCSSProp" ] = {
    get: function( elem, computed, extra ) {
      // Handle getting the CSS property
    },
    set: function( elem, value ) {
      // Handle setting the CSS value
    }
  };
});
 
})( jQuery );

• cssNumber: object