Dojo和jQuery是目前最為流行的JavaScript庫之一，它們都提供了許多常見的功能和工具，如DOM操作、事件處理、Ajax、動畫等。這篇文章將對比Dojo和jQuery之間的不同點(diǎn)。
選擇器：
JQuery：
$("div"); // 選擇所有元素
Dojo：
dojo.query("div"); // 選擇所有元素DOM 操作：
JQuery：
$("div").html("Hello"); // 將所有元素的內(nèi)容改為 "Hello"
Dojo：
dojo.query("div").forEach(function(node) {
node.innerHTML = "Hello";
}); // 將所有元素的內(nèi)容改為 "Hello"事件處理：
JQuery：
$("button").click(function() {
alert("Hello");
}); // 當(dāng)按鈕被點(diǎn)擊時(shí)彈出 "Hello"
Dojo：
dojo.query("button").on("click", function() {
alert("Hello");
}); // 當(dāng)按鈕被點(diǎn)擊時(shí)彈出 "Hello"Ajax 請求：
JQuery：
$.ajax({
type: "POST",
url: "example.php",
data: { name: "John", age: 30 },
success: function(data) {
alert(data);
}
}); // 發(fā)送 POST 請求到 example.php，并將返回結(jié)果彈出
Dojo：
dojo.xhrPost({
url: "example.php",
content: { name: "John", age: 30 },
load: function(data) {
alert(data);
}
}); // 發(fā)送 POST 請求到 example.php，并將返回結(jié)果彈出動畫效果：
JQuery：
$("div").animate({
opacity: 0.5,
height: "toggle"
}, 1000); // 慢慢地將所有元素的不透明度降低到 0.5，并使其高度縮小
Dojo：
dojo.fadeOut({
node: "div",
duration: 1000,
onEnd: function() {
dojo.style("div", "height", "0px");
}
}); // 慢慢地將所有元素的不透明度降低到 0，并使其高度縮小總結(jié)來說，Dojo和jQuery在大多數(shù)情況下都提供了相似的功能，并且它們的使用方式也有很大的相似之處。但是，它們作為兩個(gè)不同的庫，也有各自獨(dú)特的特點(diǎn)，根據(jù)具體的需求和場景，選擇恰當(dāng)?shù)膸觳攀亲顬橹匾摹?/p>
上一篇dojo jquery下一篇怎樣把css和頁面分開寫