最好的轻量级JavaScript框架是什么？

我正在寻找一个轻量级JavaScript框架，其主要目的是抽象出浏览器的差异。我主要是用它来创建新的UI元素，我不需要太多其他的东西，只需要一种与平台无关的语言和DOM。

我非常喜欢这个库。它有一套很好的DOM操作工具，以及一个非常可靠的小部件框架。另外，您可以混合和匹配您想要使用的内容。

就我个人而言，当我在做客户端工作时，我爱上了JQuery，它有15k版本。有一个轻微的学习曲线，但它非常光滑。

试试看。它只需7KB的压缩，速度非常快，并且支持Unicode。

我使用jQuery-它简单、小，最重要的是：非常简单：）

您可以打包任何JavaScript代码，使其更轻量级，所以问题可能归结为您更喜欢哪种？我喜欢——有一个名为protopacket的可用版本，我想它大约有20KB。

我更喜欢JQuery。它也有很好的文档。

我推荐：-）

---

我真的很喜欢它代码的可读性。

MooTools非常热门。现在它越来越大了（基数是60KB），所以你可能够不着

但若你们真的只是追求基本的DOM，那个么jQuery可能是理想的

这似乎是最近增长最快的一次。（请参见幻灯片4）

我也喜欢它，因为它具有强大的选择器功能“$”，并希望提供指向其他文档的链接：

我使用得非常广泛。默认包是28KB，而jQuery是90ish*

---

*未压缩的

我目前使用的JS库有3个：，和。Prototype和jQuery是应用最广泛的。jQuery和MooTools是最轻量级的

MooTools在其站点上有一个很好的功能，允许您仅使用所需的模块构建一个自定义压缩的.js文件，根据您所做的工作，使其最轻。jQuery拥有更高的粉丝群，并因此获得了更好的支持

---

在这3个选项中，我建议使用jQuery，但看看所有可用的选项可能不是一个坏主意。

我已经使用自己的选项很多年了，但是当与其他人一起玩时，请远离dojo+jQuery。关于mootools（我见过的最好的js ani）+gui或yui工具包的组合，我只想说些好话。我同意JQuery是轻巧、可扩展、功能强大的选项。我的公司目前正在使用Extjs，这对于我们正在做的事情来说是巨大而复杂的。如果你需要在没有设计师参与的情况下快速创建一个网站，那么Extjs是非常棒的（它提供了创建任何你需要的东西所需的所有图形和样式），但是它大约有6MB，并且最终会使简单的任务变得更麻烦：）

如果我可以从头再来，这可能会发生，我会使用JQuery。

JQuery

而且它很受欢迎，所以你知道它会很流行

是一个轻量级JavaScript框架（仅45K未压缩）。它支持大多数CSS2和CSS3选择器来访问DOM元素，并且不需要学习全新的API。在标准DOM、事件和Ajax功能的基础上，它还支持基本的视觉效果、拖放、弹出菜单和自动完成等功能。

jQuery非常好

---

如果我们可以将我们的框架添加到此处建议的框架列表中，并允许其他人投票选择他们最喜欢或使用的框架，即动态投票/调查，那将非常酷。

在此处再次投票支持jQuery。快速、轻巧，而且您学习的越多，您的代码就会越快、越简洁

这是一个比较图，我用它来帮助评估一些不同的库

---

它并不是列出每个库的每一个特性，而是提供了一个很好的概述，将您的选择范围缩小到您应该深入研究的框架，以查看它是否满足您的需要。

jQuery非常流畅，非常容易学习。我过去曾使用Moo进行一些基本的DOM操作。它的占地面积更小，但功能更少。您的最佳选择当然取决于您的需求。

也是我的最爱。他们的界面可以让你想拿多少就拿多少，所以如果你想在你的工具包中添加更多的技巧，这是很容易做到的

基本YUI代码----是31KB，工作非常好。你会得到各种各样的好东西，如果你需要的话，很容易添加更复杂、更重的东西

只是一个建议，但我会寻找一个框架，它具有您想要的功能，并且在合理的范围内不太担心大小。大多数现代框架，如PrototypeJS或JQuery，都没有那么大，并且版本最小化（删除空格等）。此外，您应该将站点配置为缓存这些库。用户需要下载库的唯一时间是在首次访问时，或者在清除浏览器缓存后的任何访问中

命名库文件时，请确保使用唯一的文件名。例如，根据库的版本命名库。当您需要升级到库的新版本时，只需参考相关页面中的新文件名（版本）。这将允许您缓存这些文件，而无需短期过期日期

您可以使用许多其他缓存技术来绕过库文件大小并提高性能。我推荐“高性能网站”，ISBN:0596529309。虽然书中的所有信息都可以在网上找到，但这本书很好地收集了您需要的信息，并将各种概念粘在一起（我对这本书不感兴趣）。

我喜欢这本书，因为它重量轻但功能强大

还有很好的

var theDiv = new Element('div', {
    'id': 'theDiv',
    'styles': {
        'backgroundColor': '#BF1942',
        'color': '#fff'
    }
}).toggleClass('someClass').inject($('someSibling', 'after');

* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit