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();//保持默認值
未完待續(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();//保持默認值
未完待續(xù)。
相關(guān)文章
下面小編就為大家?guī)硪黄猨Query unbind 刪除綁定事件詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
希望能和大家一起交流學(xué)習(xí)。先放上去一個上周學(xué)習(xí)的一個jquery插件，基于Jquery的表格隔行換色，移動換色，點擊換色插件。2010-12-12
這篇文章介紹了Jquery獲取復(fù)選框被選中值的簡單方法，有需要的朋友可以參考一下2013-07-07
:first：獲取第一個元素，在一些特殊情況下還是蠻實用的，下面為大家詳細介紹下:first的具體使用，感興趣的朋友可以參考下2013-08-08
JavaScript實現(xiàn)向select下拉框中添加和刪除元素的方法
這篇文章主要介紹了JavaScript實現(xiàn)向select下拉框中添加和刪除元素的方法,涉及jQuery中append()與remove()方法動態(tài)操作表單元素的相關(guān)技巧,需要的朋友可以參考下2017-03-03
使用JQUERY進行后臺頁面布局控制DIV實現(xiàn)左右式
一個網(wǎng)站的后臺使用frame框架來實現(xiàn)這種形式，這邊作者不是使用的frame而是純div進行布局，下面看下具體的實現(xiàn)代碼2014-01-01
這篇文章主要介紹了jQuery過濾選擇器:not()方法的使用,需要的朋友可以參考下2014-04-04
據(jù)jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已經(jīng)可以下載使用。jQuery 1.6 版本包括了對屬性(Attribute)模型的重要重寫，還有諸多性能優(yōu)化。借此機會感謝jQuery開發(fā)團隊和jQuery錯誤分類團隊的成員。2011-05-05
jQuery移動端日期(datedropper)和時間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時間選擇器，它分為日期選擇器datedropper以及時間選擇器timedropper，他們倆尤其適合在移動端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04
下面小編就為大家?guī)硪黄猨query實現(xiàn)下拉框功能效果【實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05