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