温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么使用jQuery1.6c新增的适配器

发布时间:2022-03-31 10:55:06 来源:亿速云 阅读:120 作者:iii 栏目:开发技术

这篇文章主要介绍了怎么使用jQuery1.6c新增的适配器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用jQuery1.6c新增的适配器文章都会有所收获,下面我们一起来看看吧。

在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 判定.

关于“怎么使用jQuery1.6c新增的适配器”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“怎么使用jQuery1.6c新增的适配器”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI