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 );