jQuery1.6c新增的適配器
其實在jQuery1.5中已有這東西，cssHooks，或者更早之前的jQuery.event.special, 或者 Sizzle.selectors里面更多的對象。它們共同的特點是包含了許多相關的函數，cssHooks是專門處理css屬性的獲取與設置，如IE的opacity,event.special用于裝載與卸載submit, change, focus ,mouseenter等特別事件與自定義事件， Sizzle.selectors里面的過濾器與候選集獲取器就更不用說了。由于JS用對象做為表進行查找是比if條句與switch語句快很多，加之，適配器這種模式對于擴展新功能非常有利，因為jQuery1.6便把它發揚光大了。
在jQuery的attributes模塊(github是這樣分割的，但耦合這么高很難說是模塊)，共增加了三個這樣對象，valHooks，attrHooks, propHooks，分別對應val，attr與prop這個三個方法。prop是新增的，表示jQuery決定區分屬性與特性的決心，但IE6/7還是無法區分它們，因此attr基本上涵蓋了prop的功能。
我們看一下它們各自的運用吧!
- // jQuery.style 方法
- if ( value !== undefined ) {
- //=================略==============
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- // jQuery.fn.val 方法
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
- return (elem.value || "").replace(rreturn, "");
- }
- return undefined;
- }
- //===============略============
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
- // If set returns undefined, fall back to normal setting
- if ( !hooks || ("set" in hooks && hooks.set( this, val, "value" ) === undefined) ) {
- this.value = val;
- }
- // jQuery.attr 方法
- hooks = jQuery.attrHooks[ name ] || ( jQuery.nodeName( elem, "form" ) && formHook );
- if ( value !== undefined ) {
- if ( value === null || (value === false && !rspecial.test( name )) ) {
- jQuery.removeAttr( elem, name );
- return undefined;
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
- } else {
- // Set boolean attributes to the same name
- if ( value === true && !rspecial.test( name ) ) {
- value = name;
- }
- elem.setAttribute( name, "" + value );
- return value;
- }
- } else {
- if ( hooks && "get" in hooks && notxml ) {
- return hooks.get( elem, name );
- } else {
- ret = elem.getAttribute( name );
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ? undefined : ret;
- }
- }
- // jQuery.prop 方法
- hooks = jQuery.propHooks[ name ];
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
- } else {
- return (elem[ name ] = value);
- }
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== undefined ) {
- return ret;
- } else {
- return elem[ name ];
- }
- }
- //jQuery.event.add
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- //jQuery.event.remove
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
可以發現還是很有章法的。這些適配器就是用來處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過瀏覽器的特征嗅探，把相應的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定，當正式版發布時，又可以高興地宣布這幾個方法快了多少百分比了!
可以發現還是很有章法的。這些適配器就是用來處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過瀏覽器的特征嗅探，把相應的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定，當正式版發布時，又可以高興地宣布這幾個方法快了多少百分比了!
可以發現還是很有章法的。這些適配器就是用來處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過瀏覽器的特征嗅探，把相應的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定.
