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便把它发扬光大了。

成都创新互联-专业网站定制、快速模板网站建设、高性价比龙华网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式龙华网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖龙华地区。费用合理售后完善，十载实体公司更值得信赖。

在jQuery的attributes模块(github是这样分割的，但耦合这么高很难说是模块)，共增加了三个这样对象，valHooks，attrHooks, propHooks，分别对应val，attr与prop这个三个方法。prop是新增的，表示jQuery决定区分属性与特性的决心，但IE6/7还是无法区分它们，因此attr基本上涵盖了prop的功能。

我们看一下它们各自的运用吧!

 
 
    
  
  
  1. // jQuery.style 方法  
    2. 
  
  
  2.       if ( value !== undefined ) {    
    3. 
  
  
  3.         //=================略==============  
    4. 
  
  
  4.         // If a hook was provided, use that value, otherwise just set the specified value    
    5. 
  
  
  5.         if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {   
    6. 
  
  
  6.            // Wrapped to prevent IE from throwing errors when 'invalid' values are provided   
    7. 
  
  
  7.            // Fixes bug #5509   
    8. 
  
  
  8.           try {   
    9. 
  
  
  9.              style[ name ] = value;   
    10. 
  
  
  10.            } catch(e) {}   
    11. 
  
  
  11.          }   
    12. 
  
  
  12.    
    13. 
  
  
  13.       } else {   
    14. 
  
  
  14.          // If a hook was provided get the non-computed value from there   
    15. 
  
  
  15.          if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {   
    16. 
  
  
  16.            return ret;   
    17. 
  
  
  17.          } 
    18. 
  
  
  18.         // Otherwise just get the value from the style object   
    19. 
  
  
  19.         return style[ name ];   
    20. 
  
  
  20.       }  
    21. 
 
 
 
 
    
  
  
  1. // jQuery.fn.val 方法   
    2. 
  
  
  2.       if ( !arguments.length ) {   
    3. 
  
  
  3.         if ( elem ) {   
    4. 
  
  
  4.           hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];   
    5. 
  
  
  5.           if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {   
    6. 
  
  
  6.             return ret;   
    7. 
  
  
  7.          }   
    8. 
  
  
  8.            return (elem.value || "").replace(rreturn, "");   
    9. 
  
  
  9.         }   
    10. 
  
  
  10.         return undefined;   
    11. 
  
  
  11.      }   
    12. 
  
  
  12.      //===============略============    
    13. 
  
  
  13.       hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];   
    14. 
  
  
  14.       // If set returns undefined, fall back to normal setting   
    15. 
  
  
  15.       if ( !hooks || ("set" in hooks && hooks.set( this, val, "value" ) === undefined) ) {   
    16. 
  
  
  16.         this.value = val;   
    17. 
  
  
  17.       }  
    18. 
  
  
  18. 
 
 
 
 
    
  
  
  1. // jQuery.attr 方法   
    2. 
  
  
  2.      hooks = jQuery.attrHooks[ name ] || ( jQuery.nodeName( elem, "form" ) && formHook );   
    3. 
  
  
  3.       if ( value !== undefined ) {   
    4. 
  
  
  4.         if ( value === null || (value === false && !rspecial.test( name )) ) {   
    5. 
  
  
  5.           jQuery.removeAttr( elem, name );   
    6. 
  
  
  6.           return undefined;   
    7. 
  
  
  7.         } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {   
    8. 
  
  
  8.           return ret;   
    9. 
  
  
  9.         } else {   
    10. 
  
  
  10.           // Set boolean attributes to the same name   
    11. 
  
  
  11.          if ( value === true && !rspecial.test( name ) ) {   
    12. 
  
  
  12.             value = name;   
    13. 
  
  
  13.           }   
    14. 
  
  
  14.          elem.setAttribute( name, "" + value );   
    15. 
  
  
  15.           return value;   
    16. 
  
  
  16.         }   
    17. 
  
  
  17.       } else {   
    18. 
  
  
  18.         if ( hooks && "get" in hooks && notxml ) {   
    19. 
  
  
  19.           return hooks.get( elem, name );   
    20. 
  
  
  20.         } else {   
    21. 
  
  
  21.           ret = elem.getAttribute( name );   
    22. 
  
  
  22.           // Non-existent attributes return null, we normalize to undefined   
    23. 
  
  
  23.           return ret === null ? undefined : ret;   
    24. 
  
  
  24.         }   
    25. 
  
  
  25.       }  
    26. 
  
  
  26. 
 
 
 
 
    
  
  
  1. // jQuery.prop 方法   
    2. 
  
  
  2.            hooks = jQuery.propHooks[ name ];   
    3. 
  
  
  3.         if ( value !== undefined ) {   
    4. 
  
  
  4.             if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {   
    5. 
  
  
  5.                 return ret;   
    6. 
  
  
  6.             } else {   
    7. 
  
  
  7.                 return (elem[ name ] = value);   
    8. 
  
  
  8.            }   
    9. 
  
  
  9.         } else {   
    10. 
  
  
  10.             if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== undefined ) {   
    11. 
  
  
  11.                 return ret;   
    12. 
  
  
  12.             } else {   
    13. 
  
  
  13.                 return elem[ name ];   
    14. 
  
  
  14.             }   
    15. 
  
  
  15.         } 
    16. 
 
 
 
 
    
  
  
  1. //jQuery.event.add   
    2. 
  
  
  2.       if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {   
    3. 
  
  
  3.      // Bind the global event handler to the element   
    4. 
  
  
  4.         if ( elem.addEventListener ) {   
    5. 
  
  
  5.           elem.addEventListener( type, eventHandle, false );  
    6. 
  
  
  6.         } else if ( elem.attachEvent ) {   
    7. 
  
  
  7.           elem.attachEvent( "on" + type, eventHandle );   
    8. 
  
  
  8.         }   
    9. 
  
  
  9.       }   
    10. 
  
  
  10. //jQuery.event.remove   
    11. 
  
  
  11.       if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {   
    12. 
  
  
  12.        jQuery.removeEvent( elem, type, elemData.handle );   
    13. 
  
  
  13.    }  
    14.

可以发现还是很有章法的。这些适配器就是用来处理一些特殊的属性，样式或事件。而这些属性，样式或事件，我们可以通过浏览器的特征嗅探，把相应的解决方法添加到适配器中。有了这些适配器，jQuery就可以省去许多if else 判定，当正式版发布时，又可以高兴地宣布这几个方法快了多少百分比了!

可以发现还是很有章法的。这些适配器就是用来处理一些特殊的属性，样式或事件。而这些属性，样式或事件，我们可以通过浏览器的特征嗅探，把相应的解决方法添加到适配器中。有了这些适配器，jQuery就可以省去许多if else 判定，当正式版发布时，又可以高兴地宣布这几个方法快了多少百分比了!

可以发现还是很有章法的。这些适配器就是用来处理一些特殊的属性，样式或事件。而这些属性，样式或事件，我们可以通过浏览器的特征嗅探，把相应的解决方法添加到适配器中。有了这些适配器，jQuery就可以省去许多if else 判定.

当前名称：jQuery1.6c新增的适配器
浏览路径：http://www.mswzjz.cn/qtweb/news3/5053.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

贝锐智能技术为您推荐以下文章

网站营销知识

分类信息网

重庆电信回兴机房　　 　成都钢筋机械设备　　 　青年旅行社　　 　小程序　　 　交互设计　　 　泸州网站建设　　 　抖音短视频拍摄　　 　成都ssl证书申请　　 　自适应网站建设　　 　成都圣月制冷　　 　成都电商解决方案　　 　成都公司注册　　 　成都网站设计　　 　成都画册设计公司　　 　网站改版维护　　 　珉田数据中心　　 　广告吸塑字　　 　瑞杰企业管理　　 　成都网站推广公司　　 　圣月冷冻库