DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 插件學習(一)
jquery 插件學習(一)
編輯:JQuery特效代碼     
言歸正傳拉,開始跟我學習吧:);

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();//保持默認值

未完待續。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved