jquery 插件學(xué)習(xí)（一）
更新時間：2012年08月06日 22:05:36 作者：
jquery插件，有幾種方法，有全局的，有對象方法的，一直覺得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學(xué)者借鑒下。嘻嘻
言歸正傳拉，開始跟我學(xué)習(xí)吧：）；
1.jquery自定義了 jQuery.extend()和jQuery.fn.extend()方法，其中，jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器，而jQuery.fn.extend()能夠創(chuàng)建jQuery對象方法。在這里啰嗦講下：這2個方法，都包含一個參數(shù)，改參數(shù)僅接受名/值對結(jié)構(gòu)的對象，其中名表示函數(shù)或方法名，而值表示函數(shù)體。
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插件測試" />
在實際開發(fā)中，jQuery.extend()方法，為插件方法傳遞系列選項結(jié)構(gòu)的參數(shù)。
function fn(options){
var options = jQuery.extend({name1: value1,name2 :value2,name3 : value3},options);
//函數(shù)體
}
調(diào)用：
fn（{name1:value2,name2:jine,name3:hx}）;//覆蓋新值
fn（{name4:value2,name5:jine,}）;//添加新選項
fn();//保持默認(rèn)值
未完待續(xù)。
1.jquery自定義了 jQuery.extend()和jQuery.fn.extend()方法，其中，jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器，而jQuery.fn.extend()能夠創(chuàng)建jQuery對象方法。在這里啰嗦講下：這2個方法，都包含一個參數(shù)，改參數(shù)僅接受名/值對結(jié)構(gòu)的對象，其中名表示函數(shù)或方法名，而值表示函數(shù)體。
復(fù)制代碼 代碼如下:
jQuery.extend({
minValue : function(a,b){
return a>b? b:a;
},
maxValue : function(a,b){
return a<b? b:a;
},
})
復(fù)制代碼 代碼如下:
<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插件測試" />
在實際開發(fā)中，jQuery.extend()方法，為插件方法傳遞系列選項結(jié)構(gòu)的參數(shù)。
復(fù)制代碼 代碼如下:
function fn(options){
var options = jQuery.extend({name1: value1,name2 :value2,name3 : value3},options);
//函數(shù)體
}
調(diào)用：
fn（{name1:value2,name2:jine,name3:hx}）;//覆蓋新值
fn（{name4:value2,name5:jine,}）;//添加新選項
fn();//保持默認(rèn)值
未完待續(xù)。
相關(guān)文章
這篇文章主要介紹了jQuery中clearQueue()方法用法,實例分析了clearQueue()方法的功能、定義及進(jìn)行清空隊列操作的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
jQuery easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了淺析jQuery Mobile的初始化事件,jQuery是當(dāng)前人氣最高的JavaScript庫,需要的朋友可以參考下2015-12-12
這篇文章主要為大家介紹了JQuery選擇器，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
jQuery Selectors(選擇器)的使用(四-五、內(nèi)容篇&可見性篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法，我將以實例方式進(jìn)行講述，以簡單，全面為基礎(chǔ)，不會涉及很深，我的學(xué)習(xí)方法：先入門，后進(jìn)階！2009-12-12
傳參的時候遇到Get中文亂碼，IE瀏覽器Get中文亂碼問題，該怎么解決呢？下面為大家詳細(xì)介紹下具體的解決方案2013-12-12
關(guān)于jQuery新的事件綁定機制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機制on()的使用技巧。需要的朋友參考下2013-04-04
jQuery實現(xiàn)復(fù)選框批量選擇與反選的方法
這篇文章主要介紹了jQuery實現(xiàn)復(fù)選框批量選擇與反選的方法,主要通過jQuery的attr與removeAttr方法實現(xiàn)選擇與反選的功能,非常具有實用價值,需要的朋友可以參考下2015-06-06
基于jQuery實現(xiàn)多標(biāo)簽頁切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實現(xiàn)多標(biāo)簽頁切換的效果(web前端開發(fā))的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
本文為大家介紹下使用JQuery實現(xiàn)在頁面中添加和除移DOM主要使用了以下幾個方法，感興趣的朋友可以了解下哈，希望對大家有所幫助2013-06-06