首頁  >  文章  >  web前端  >  jquery 外掛式學習(一)_jquery

jquery 外掛式學習(一)_jquery

WBOY
WBOY原創
2016-05-16 17:51:08982瀏覽

言歸正傳拉,開始跟我學習吧:);

1.jquery自訂了jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能夠建立全域函數或選擇器,而jQuery.fn.extend()能夠建立jQuery物件方法。在這裡囉嗦講下:這2個方法,都包含一個參數,改參數只接受名/值對結構的對象,其中名表示函數或方法名,而值表示函數體。

複製程式碼 程式碼如下:

: function(a,b){
return a>b? b:a;
},
maxValue : function(a,b){
return a},
})



複製代碼 代碼如下:
<script> <BR>$(function(){ <BR>$('input').click(function(){ <BR>var a = prompt("請輸入數值"); <BR>var b = prompt("請輸入一個值"); <BR>var c = jQuery.minValue(a,b); <BR>var d = jQuery.maxValue(a,b); <BR>alert ("你輸入的最小值:" c "n你輸入的最大值:" d); <BR>}); <BR>}); <BR><script> <BR><BR> </script>


在實際開發中,jQuery.extend()方法,為插件方法傳遞系列選項結構的參數。

複製程式碼 程式碼如下:
function fn(options){ { jQuery.extend({name1: value1,name2 :value2,name3 : value3},options);
//函數體
}


呼叫:
}


呼叫:
fn({name1 :value2,name2:jine,name3:hx});//覆蓋新值
fn({name4:value2,name5:jine,});//新增選項
fn();//保持預設值未完待續。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn