JavaScript DOM操作库对比：Prototype、jQuery与Dojo

Prototype库的DOM简化与扩展

这是首个将 document.getElementById() 简化为 $ 符号的程序库。

例如，原本需要编写 var myele=document.getElementById('id')，现在可以等价地简写为 var myele=$('id')。

此外，$ 符号还扩展了其他实用功能。

例如，执行 var eleArray=$('id1','id2','id3','id4') 可以返回一个包含这四个元素的数组。

除了 $ 函数，该库还提供了 getElementsByClassName 方法用于根据类名查找元素，以及 addClassName 和 removeClassName 方法分别用于添加和移除类名，极大地提升了开发便利性。

jQuery的选择器优势

其功能比 Prototype 更为强大。

具体表现如下：

通过 $('#money') 即可替代 document.getElementById()。

通过 $('p') 即可替代 document.getElementsByTagName。

通过 $('.money') 可以返回一组具有相同类名的元素。

同时支持类似 CSS 的派生选择器，例如 $("#content table.dateTable")。

jQuery 提供的 CSS 规则分析功能非常强大，它支持 CSS1、CSS2、CSS3 标准，以及 XPath 中的大多数选择符。

Dojo的标准DOM获取方法

通过 Dojo.byId('money') 可以根据 ID 获取元素对象。

通过 Dojo.html.getElementByClass() 可以根据类名获取元素。