jquery 外掛程式學習(一)

來源:互聯網
上載者:User

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

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

複製代碼 代碼如下:
jQuery.extend({
minValue : function(a,b){
return a>b? b:a;
},
maxValue : function(a,b){
return a<b? b:a;
},
})


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

<input type="button" value ="jQuery外掛程式測試" />

在實際開發中,jQuery.extend()方法,為外掛程式方法傳遞系列選項結構的參數。
複製代碼 代碼如下:
function fn(options){
var options = jQuery.extend({name1: value1,name2 :value2,name3 : value3},options);
//函數體
}

調用:
fn({name1:value2,name2:jine,name3:hx});//覆蓋新值
fn({name4:value2,name5:jine,});//添加新選項
fn();//保持預設值

未完待續。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.