這篇文章給大家介紹jQuery.extend 與 jQuery.fn.extend方法的區(qū)別是什么,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
創(chuàng)新互聯(lián)公司成立10年來,這條路我們正越走越好,積累了技術與客戶資源,形成了良好的口碑。為客戶提供網(wǎng)站設計制作、網(wǎng)站建設、網(wǎng)站策劃、網(wǎng)頁設計、主機域名、網(wǎng)絡營銷、VI設計、網(wǎng)站改版、漏洞修補等服務。網(wǎng)站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等,這些對于網(wǎng)站建設都非常重要,創(chuàng)新互聯(lián)公司通過對建站技術性的掌握、對創(chuàng)意設計的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進步。
jQuery是一個JavaScript類,如$("#input1")
生成一個 jQuery類的實例。
jQuery為開發(fā)插件提拱了兩個方法:jQuery.fn.extend()
和jQuery.extend()
。
1、jQuery.extend()
(1)擴展 jQuery 類本身,為jQuery類添加類方法(靜態(tài)方法)
jQuery.extend({ add: function(a, b) { alert(a + b); } }); jQuery.add(10,20); //30
(2)jQuery.extend(object, object1, [objectN])
用一個或多個其他對象來擴展一個對象,返回被擴展的對象
var obj = { name: 'Alice', age: 25, career: "teacher" }; var object = { name: 'Bruce', career: "doctor" }; jQuery.extend(obj, object); //obj = { name: 'Bruce', age: 25, career: "doctor" }
2、jQuery.fn.extend()
把對象掛載到 jQuery 的 prototype
屬性,來擴展一個新的 jQuery 實例方法,也就是通過這個 extend
添加的新方法,實例化的 jQuery 對象都能使用,因為它是掛載在 jQuery.fn
上的方法。
查看jQuery源碼可發(fā)現(xiàn),jQuery.fn = jQuery.prototype
。jQuery.fn掛在原型上,由于對原型的修改會影響所有實例,因此fn上的方法會對每一個jQuery實例有效。
對jQuery.fn
的擴展,就是為jQuery類添加成員函數(shù),jQuery類的實例可以使用這個成員函數(shù)。
jQuery.fn.extend({ clickFunc: function() { $(this).click(function(){ alert($(this).val()); }); } }); $("#input1").clickFunc(); //輸出文本框的文本
3、jQuery.extend()
與 jQuery.fn.extend()
的區(qū)別
jQuery.extend()
是為jQuery類添加類方法(靜態(tài)方法),需要通過jQuery類來調用(直接使用 $.xxx 調用);
jQuery.fn.extend()
是為jQuery類添加成員函數(shù)(實例方法),所有jQuery實例都可以直接調用(需要使用 $().xxx 調用)。
關于jQuery.extend 與 jQuery.fn.extend方法的區(qū)別是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章名稱:jQuery.extend與jQuery.fn.extend方法的區(qū)別是什么
鏈接URL:http://chinadenli.net/article14/iegoge.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供服務器托管、微信公眾號、企業(yè)建站、小程序開發(fā)、網(wǎng)頁設計公司、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)