今天就跟大家聊聊有關jQuery中extend函數(shù)如何使用,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據(jù)這篇文章可以有所收獲。
站在用戶的角度思考問題,與客戶深入溝通,找到萍鄉(xiāng)網站設計與萍鄉(xiāng)網站推廣的解決方案,憑借多年的經驗,讓設計與互聯(lián)網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網站、網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣、空間域名、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋萍鄉(xiāng)地區(qū)。
1、擴展jQuery靜態(tài)方法.
1 $.extend({ 2 test:function(){alert('test函數(shù)')} 3 }) |
用法: $.test()
2、合并多個對象.
為jQuery.extend(css1,css2)為例,css1,css2個有一些屬性(法照樣會比處理,這里之講屬性).
extend函數(shù)會把css2有而css2沒有的屬性加到css1中,如果css2的某個屬性與css1的某個屬性名稱享用,就會用css2的屬性去覆蓋css1的同名屬性。css1就是***的整和對象?;蛘咭部梢杂?:
var newcss = jquery.extend(css1,css2) newcss就是合并的新對象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新對象.而且沒有破壞css1的結構。
1 //用法: jQuery.extend(obj1,obj2,obj3,..) 2 var Css1={size: "10px",style: "oblique"} 3 var Css2={size: "12px",style: "oblique",weight: "bolder"} 4 $.jQuery.extend(Css1,Css2) 5 //結果:Css1的size屬性被覆蓋,而且繼承了Css2的weight屬性 6 // Css1 = {size: "12px",style: "oblique",weight: "bolder"} 7 |
3。深度鑲套對象
新的extend()允許你更深度的合并鑲套對象。下面的例子是一個很好的證明。
1// 以前的 .extend() 2 jQuery.extend( 3 { name: “John”, location: { city: “Boston” } }, 4 { last: “Resig”, location: { state: “MA” } } 5 ); 6 // 結果: 7 // => { name: “John”, last: “Resig”, location: { state: “MA” } } 8 // 新的更深入的 .extend() 9 jQuery.extend( true, 10 { name: “John”, location: { city: “Boston” } }, 11 { last: “Resig”, location: { state: “MA” } } 12 ); 13 // 結果 14 // => { name: “John”, last: “Resig”, 15 // location: { city: “Boston”, state: “MA” } } 16 17
看完上述內容,你們對jQuery中extend函數(shù)如何使用有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。