欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery插件寫(xiě)法筆記整理

 更新時(shí)間：2012年09月06日 17:16:53   作者：  
大部分jQuery插件都是這種類型的插件，由于這種插件是將對(duì)象方法封裝起來(lái)，在jQuery選擇器獲取jQuery對(duì)象過(guò)程中進(jìn)行操作，從而發(fā)揮jQuery強(qiáng)大的選擇器優(yōu)勢(shì)
jQuery插件類型：
1. jQuery方法：
大部分jQuery插件都是這種類型的插件，由于這種插件是將對(duì)象方法封裝起來(lái)，在jQuery選擇器獲取jQuery對(duì)象過(guò)程中進(jìn)行操作，從而發(fā)揮jQuery強(qiáng)大的選擇器優(yōu)勢(shì)。
2. 全局函數(shù)：
也可以把自定義的功能函數(shù)獨(dú)立附加到j(luò)Query命名空間下，從而作為jQuery作用域下的一個(gè)公共函數(shù)使用。但全局函數(shù)沒(méi)有被綁定到j(luò)Query對(duì)象上，故不能在選擇器獲取的jQuery對(duì)象上調(diào)用。需要通過(guò)jQuery.fn()或$.fn()方式進(jìn)行引用。
3. 選擇器：
覺(jué)得jQuery提供的選擇器不夠用，或不方便的話，可以考慮自定義選擇器。
jQuery插件機(jī)制：
① jQuery.extend()方法：能夠創(chuàng)建全局函數(shù)或選擇器。
By：所謂全局函數(shù)，就是jQuery對(duì)象的方法，實(shí)際上就是位于jQuery命名空間內(nèi)部的函數(shù)，有人把這類函數(shù)稱為實(shí)用工具函數(shù)，這些函數(shù)都有一個(gè)共同特征，就是不直接操作DOM元素，而是操作Javascript的非元素對(duì)象，或者執(zhí)行其他非對(duì)象的特定操作，如jQuery的each()函數(shù)和noConflict()函數(shù)
例：在jQuery命名空間上創(chuàng)建兩個(gè)公共函數(shù)
復(fù)制代碼 代碼如下:

jQuery.extend({
minValue : function(a,b){
return a<b?a:b;
},
maxValue : function(a,b){
return a<b?b:a;
}
})
$(function(){
$("input").click(function(){
var a = prompt("請(qǐng)輸入一個(gè)數(shù)值？");
var b = prompt("請(qǐng)?jiān)佥斎胍粋€(gè)數(shù)值？");
var c = jQuery.minValue(a,b);
var d = jQuery.maxValue(a,b);
alert("你輸入的最大值是：" + d + "\n你輸入的最小值是：" + c);
});
})
<input type="button" value="jQuery插件擴(kuò)展測(cè)試" />

※ jQuery.extend()方法除了可以創(chuàng)建插件外，還可以用來(lái)擴(kuò)展jQuery對(duì)象。
例如：調(diào)用jQuery.extend()方法把對(duì)象a和對(duì)象b合并為一個(gè)新的對(duì)象，并返回合并對(duì)象將其賦值給變量c
復(fù)制代碼 代碼如下:

var a = {name : "zhu",pass : 123}
var b = {name : "wang",pass : 456,age : 1}
var c = jQuery.extend(a,b);
$(function(){
for(var name in c){
$("div").html($("div").html() + "<br />"+ name + ":" + c[name]);
}
})

例：創(chuàng)建jQuery全局函數(shù)
復(fù)制代碼 代碼如下:

jQuery.css8 = {
minValue : function(a,b){
return a<b?a:b;
},
maxValue : function(a,b){
return a<b?b:a;
}
}
$(function(){
$("input").click(function(){
var a = prompt("請(qǐng)輸入一個(gè)數(shù)值？");
var b = prompt("請(qǐng)?jiān)佥斎胍粋€(gè)數(shù)值？");
var c = jQuery.css8.minValue(a,b);
var d = jQuery.css8.maxValue(a,b);
alert("你輸入的最大值是：" + d + "\n你輸入的最小值是：" + c);
});
})

By：如果要向jQuery命名空間上添加一個(gè)函數(shù)，只需要將這個(gè)新函數(shù)制定為jQuery對(duì)象的一個(gè)屬性即可。其中jQuery對(duì)象名也可以簡(jiǎn)寫(xiě)為$，jQuery.css8==$.css8
② jQuery.fn.extend()方法：能夠創(chuàng)建jQuery對(duì)象方法。
例：來(lái)個(gè)最簡(jiǎn)單的jQuery對(duì)象方法
復(fù)制代碼 代碼如下:

jQuery.fn.test = function(){
alert("這是jQuery對(duì)象方法！");
}
$(function(){
$("div").click(function(){
$(this).test();
});
})

相關(guān)文章

最新評(píng)論