您好,登錄后才能下訂單哦!
這篇文章主要介紹了怎么使用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新增的適配器”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。