jQuery

介紹

jQuery: The Write Less, Do More, JavaScript Library. 這是 JavaScript 眾多的 lib 中的一個, 最主要的特色就是他的 selector 跟 chain 操作, 他的 selector 完全符合 CSS 選擇器選定 DOM 規則, 所以使用起來很容易上手, 而他的 chain 操作就是讓你一直 . 下去就對了.

另外因為 jQuery 提供了非常好的 extend 的介面, 所以網路上有大量的 jQuery plugin 可以使用.

Plug-ins

• LavaLamp

• )

其他

• Plug me: Writing your own plugins

• • 這部分有寫 jQuery plugins 的格式, 只要遵守格式撰寫就可以了.

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, 你還必須提供一些範例與文件.

cross-domain json

http://api.jquery.com/jQuery.ajax/

如果以跨網域問題, 必須使用 $.ajax, dataType = jsonp 才可以使用, $.getJSON 是不能使用的