jquery 插件學(xué)習(xí)（一）
更新時(shí)間：2012年08月06日 22:05:36 作者：
jquery插件，有幾種方法，有全局的，有對(duì)象方法的，一直覺得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學(xué)者借鑒下。嘻嘻
言歸正傳拉，開始跟我學(xué)習(xí)吧：）；
1.jquery自定義了 jQuery.extend()和jQuery.fn.extend()方法，其中，jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器，而jQuery.fn.extend()能夠創(chuàng)建jQuery對(duì)象方法。在這里啰嗦講下：這2個(gè)方法，都包含一個(gè)參數(shù)，改參數(shù)僅接受名/值對(duì)結(jié)構(gòu)的對(duì)象，其中名表示函數(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("請(qǐng)輸入一個(gè)值");
var b = prompt("請(qǐng)輸入一個(gè)值");
var c = jQuery.minValue(a,b);
var d = jQuery.maxValue(a,b);
alert("你輸入的最小值:"+c+"\n你輸入的最大值:"+d);
});
});
<script>
<input type="button" value ="jQuery插件測(cè)試" />
在實(shí)際開發(fā)中，jQuery.extend()方法，為插件方法傳遞系列選項(xiàng)結(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,}）;//添加新選項(xiàng)
fn();//保持默認(rèn)值
未完待續(xù)。
1.jquery自定義了 jQuery.extend()和jQuery.fn.extend()方法，其中，jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器，而jQuery.fn.extend()能夠創(chuàng)建jQuery對(duì)象方法。在這里啰嗦講下：這2個(gè)方法，都包含一個(gè)參數(shù)，改參數(shù)僅接受名/值對(duì)結(jié)構(gòu)的對(duì)象，其中名表示函數(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("請(qǐng)輸入一個(gè)值");
var b = prompt("請(qǐng)輸入一個(gè)值");
var c = jQuery.minValue(a,b);
var d = jQuery.maxValue(a,b);
alert("你輸入的最小值:"+c+"\n你輸入的最大值:"+d);
});
});
<script>
<input type="button" value ="jQuery插件測(cè)試" />
在實(shí)際開發(fā)中，jQuery.extend()方法，為插件方法傳遞系列選項(xiàng)結(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,}）;//添加新選項(xiàng)
fn();//保持默認(rèn)值
未完待續(xù)。
相關(guān)文章
下面小編就為大家?guī)硪黄猨Query unbind 刪除綁定事件詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
基于Jquery的表格隔行換色，移動(dòng)換色，點(diǎn)擊換色插件
希望能和大家一起交流學(xué)習(xí)。先放上去一個(gè)上周學(xué)習(xí)的一個(gè)jquery插件，基于Jquery的表格隔行換色，移動(dòng)換色，點(diǎn)擊換色插件。2010-12-12
Jquery獲取復(fù)選框被選中值的簡(jiǎn)單方法
這篇文章介紹了Jquery獲取復(fù)選框被選中值的簡(jiǎn)單方法，有需要的朋友可以參考一下2013-07-07
:first：獲取第一個(gè)元素，在一些特殊情況下還是蠻實(shí)用的，下面為大家詳細(xì)介紹下:first的具體使用，感興趣的朋友可以參考下2013-08-08
JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法,涉及jQuery中append()與remove()方法動(dòng)態(tài)操作表單元素的相關(guān)技巧,需要的朋友可以參考下2017-03-03
使用JQUERY進(jìn)行后臺(tái)頁(yè)面布局控制DIV實(shí)現(xiàn)左右式
一個(gè)網(wǎng)站的后臺(tái)使用frame框架來實(shí)現(xiàn)這種形式，這邊作者不是使用的frame而是純div進(jìn)行布局，下面看下具體的實(shí)現(xiàn)代碼2014-01-01
這篇文章主要介紹了jQuery過濾選擇器:not()方法的使用,需要的朋友可以參考下2014-04-04
據(jù)jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已經(jīng)可以下載使用。jQuery 1.6 版本包括了對(duì)屬性(Attribute)模型的重要重寫，還有諸多性能優(yōu)化。借此機(jī)會(huì)感謝jQuery開發(fā)團(tuán)隊(duì)和jQuery錯(cuò)誤分類團(tuán)隊(duì)的成員。2011-05-05
jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時(shí)間選擇器，它分為日期選擇器datedropper以及時(shí)間選擇器timedropper，他們倆尤其適合在移動(dòng)端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04
jquery實(shí)現(xiàn)下拉框功能效果【實(shí)例代碼】
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)下拉框功能效果【實(shí)例代碼】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05