介紹
jQuery: The Write Less, Do More, JavaScript Library. 這是 JavaScript 眾多的 lib 中的一個, 最主要的特色就是他的 selector 跟 chain 操作, 他的 selector 完全符合 CSS 選擇器選定 DOM 規則, 所以使用起來很容易上手, 而他的 chain 操作就是讓你一直 . 下去就對了.
另外因為 jQuery 提供了非常好的 extend 的介面, 所以網路上有大量的 jQuery plugin 可以使用.
Plug-ins
其他
1. 替你的 plugin 取個名字, 現在就把我們的範例稱做 "foobar".
2. 建立一個檔案, 取名為 jquery.[yourpluginname].js, 例如. jquery.foobar.js
3. 擴充 jQuery 物件的方法, 例如:
jQuery.fn.foobar = function() {
// do something
};
4. Optional: 建立 helper 函數, 例如:
jQuery.fooBar = {
height: 5,
calculateBar = function() { ... },
checkDependencies = function() { ... }
};
這樣你就可以在你的 plugin 裡面呼叫這些 helper 函數.
jQuery.fn.foobar = function() {
// do something
jQuery.foobar.checkDependencies(value);
// do something else
};
5. Optional: 設定參數的預設值, 例如:
jQuery.fn.foobar = function(options) {
var settings = {
value: 5,
name: "pete",
bar: 655
};
if(options) {
jQuery.extend(settings, options);
}
};
這樣你就可以使用這些預設參數來呼叫 plugin:
$("...").foobar();
也可以使用參數來執行:
$("...").foobar({
value: 123,
bar: 9
});
如果要開放你的 plugin, 你還必須提供一些範例與文件.
|
|
