其實(shí)在jQuery1.5中已有這東西，cssHooks，或者更早之前的jQuery.event.special, 或者 Sizzle.selectors里面更多的對(duì)象。它們共同的特點(diǎn)是包含了許多相關(guān)的函數(shù)，cssHooks是專門處理css屬性的獲取與設(shè)置，如IE的opacity,event.special用于裝載與卸載submit, change, focus ,mouseenter等特別事件與自定義事件， Sizzle.selectors里面的過(guò)濾器與候選集獲取器就更不用說(shuō)了。由于JS用對(duì)象做為表進(jìn)行查找是比if條句與switch語(yǔ)句快很多，加之，適配器這種模式對(duì)于擴(kuò)展新功能非常有利，因?yàn)閖Query1.6便把它發(fā)揚(yáng)光大了。

在jQuery的attributes模塊(github是這樣分割的，但耦合這么高很難說(shuō)是模塊)，共增加了三個(gè)這樣對(duì)象，valHooks，attrHooks, propHooks，分別對(duì)應(yīng)val，attr與prop這個(gè)三個(gè)方法。prop是新增的，表示jQuery決定區(qū)分屬性與特性的決心，但I(xiàn)E6/7還是無(wú)法區(qū)分它們，因此attr基本上涵蓋了prop的功能。

我們看一下它們各自的運(yùn)用吧!

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

可以發(fā)現(xiàn)還是很有章法的。這些適配器就是用來(lái)處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過(guò)瀏覽器的特征嗅探，把相應(yīng)的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定，當(dāng)正式版發(fā)布時(shí)，又可以高興地宣布這幾個(gè)方法快了多少百分比了!

可以發(fā)現(xiàn)還是很有章法的。這些適配器就是用來(lái)處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過(guò)瀏覽器的特征嗅探，把相應(yīng)的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定，當(dāng)正式版發(fā)布時(shí)，又可以高興地宣布這幾個(gè)方法快了多少百分比了!

可以發(fā)現(xiàn)還是很有章法的。這些適配器就是用來(lái)處理一些特殊的屬性，樣式或事件。而這些屬性，樣式或事件，我們可以通過(guò)瀏覽器的特征嗅探，把相應(yīng)的解決方法添加到適配器中。有了這些適配器，jQuery就可以省去許多if else 判定.