jquery選擇器實(shí)例教程學(xué)習(xí) jQuery如何定義插件?
jQuery如何定義插件?Query編譯程序插件的兩種方法1.先添加jQuery對(duì)象級(jí)的插件,是給jQuery類先添加方法寫(xiě)法:(function($){$({函數(shù)名:function(可以自定義參數(shù)
jQuery如何定義插件?
Query編譯程序插件的兩種方法
1.先添加jQuery對(duì)象級(jí)的插件,是給jQuery類先添加方法
寫(xiě)法:
(function($){
$({
函數(shù)名:function(可以自定義參數(shù)){
//這里寫(xiě)插件代碼
}
})
})(jQuery)
也可以
(function($){
$.fn.函數(shù)名function(自定義設(shè)置參數(shù)){
//這里寫(xiě)插件代碼
}
})(jQuery)
動(dòng)態(tài)創(chuàng)建方法:$(#id).函數(shù)名(參數(shù))
2.jQuery類級(jí)別的插件,等同于去添加靜態(tài)動(dòng)態(tài)方法
(function($){
$.create({
函數(shù)名:function(下拉菜單參數(shù)){
//這里寫(xiě)插件代碼
}
})
})(jQuery)
或者
(function($){
$.函數(shù)名function(自定義參數(shù)){
//這里寫(xiě)插件代碼
}
})(jQuery)
動(dòng)態(tài)創(chuàng)建方法:$.函數(shù)名(參數(shù))
jquery插件的種類:
1.對(duì)象級(jí)別的插件開(kāi)發(fā),即給jQuery對(duì)象再添加方法,封裝對(duì)象方法的插件,如:parent()、appendTo()
2.一種是類級(jí)別的插件開(kāi)發(fā),即給jQuery添加新的全局函數(shù),超過(guò)給jQuery類本身再添加方法,jQuery的全局函數(shù)就是屬于什么jQuery命名空間的函數(shù),標(biāo)準(zhǔn)封裝全局函數(shù)的插件
3.選擇器插件
jQuery插件機(jī)制
jQuery為開(kāi)發(fā)插件提拱了兩個(gè)方法,分別是:
(object)給jQuery對(duì)象再添加方法。
jQuery.extend(object)為擴(kuò)充卡jQuery類本身.為類直接添加新的方法,是可以再理解為添加靜態(tài)方法。
這兩個(gè)方法都給予一個(gè)參數(shù),類型為Object,Object隨機(jī)的名/值對(duì)各屬於函數(shù)或方法體/函數(shù)主體。
fn是什么東西呢?
查找jQuery代碼,就不是很難才發(fā)現(xiàn):
jQuery.fn{init:function(selector,context){//....//......}
原來(lái)jQuery.fn對(duì)prototype當(dāng)然應(yīng)該不會(huì)并不陌生啦。雖說(shuō)javascript沒(méi)有必須明確的類的概念,只不過(guò)用類來(lái)明白它,會(huì)更比較方便。jQuery葉白三個(gè)整體封裝得相當(dāng)好的類,例如我們用語(yǔ)句$(#btn1)會(huì)能生成一個(gè)jQuery類的實(shí)例。
(object),對(duì)進(jìn)行儲(chǔ)存,那就是為jQuery類添加“成員函數(shù)”。jQuery類的實(shí)例也可以可以使用這個(gè)“成員函數(shù)”。即:$(#id).object()
()方法除了可以不儲(chǔ)存jQuery對(duì)象外,還也可以存儲(chǔ)并無(wú)的Object對(duì)象,經(jīng)常被用于設(shè)置中插件方法的一系列默認(rèn)參數(shù),這個(gè)可以很方便的用傳入的參數(shù)來(lái)包裹默認(rèn)值
(object1,object2)object1設(shè)置參數(shù)值,component2傳入的參數(shù)值;詳細(xì)說(shuō)明,請(qǐng)然后點(diǎn)擊這里
varsettions{validate:false,limit:5,namefoo}
varoptions{validate:true,namebar}
(settings,options)
結(jié)果為:
newOptions{validate:true,limit:5,namebar}
functionfoo(options){
({
namebar
類選擇器的基本語(yǔ)法格式正確的是?
基本語(yǔ)法:$(selector)例子:ID選擇器:$(#myid)類別你選器:$(.mycls)元素中,選擇器:$(span)等等...更詳細(xì)的,建議您你直接下載一個(gè)jquery手冊(cè)查找。