Javascript jQuery标准和最佳实践

我目前负责向公司内的Web开发人员社区推广jQuery的使用。其中一部分涉及介绍课程，另一部分涉及交流标准和最佳实践

如果你在谷歌上搜索“jQuery最佳实践”，你可能会在搜索结果中找到以下内容。

这些都很有帮助，我搜集了很多有用的信息。然而，我真正感兴趣的是来自经验丰富的jQuery开发人员和那些可能发现自己处于类似地位的人的关于最佳实践的任何提示、陷阱、意见等。任何良好的链接也将不胜感激

编辑：

在我自己的页面上添加了jQuery编码标准部分：

---

jQuery的工作方式与JavaScript的工作方式不同，尽管它们是一体的。jQuery在CSS选择器上工作，比如类名和元素id。要在jQuery中选择项目，请执行以下操作：

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

您将获得页面上符合您的条件的所有元素的集合。然后，您可以对所有这些元素执行操作，而无需任何类型的循环。记住这一点很重要：

$(".yourClass").click(function(){
    //do stuff
});

将影响附加了

.yourClass

的所有项目。提示：如果要访问

$（this）

，应将其另存为局部变量：

$(".yourClass").click(function(){
    var $this = $(this);
});

---

因为它将加快您的功能。

您可以在StackOverflow.com上找到此趋势主题

一个接一个的非常有趣有用的提示

以下是我在书签中找到的更多内容：

• http://thetoptenme.wordpress.com/2008/08/19/the-complete-guide-for-jquery-developer-reblog/

---

我个人开始做的一件事是对jQuery集进行一种排序，在这些变量前面加一个

$

var someInt = 1;
var $someQueryCollection = $( 'selector' );

---

我发现，随着jQuery代码片段的增长，这变得非常宝贵，不仅有助于将jQuery集存储为变量，而且有助于我跟踪哪些变量实际上是jQuery集。

低调的JavaScript（标记和行为分离）

在过去，将单击处理程序放在标记中是很常见的。现在，建议不要在标记中编写JS代码，而是通过DOM事件将其包含在内

渐进式增强

如果用户使用符合标准的浏览器和/或启用了JavaScript，则会获得更好的体验。网站/web应用程序仍然可以访问，即使它们有较旧的浏览器或禁用了JS

功能检测而非浏览器检测

撇开以上几点不谈，我真的会专注于传达JavaScript是一种玩具语言的信息（打破了预先设想的概念）。我见过太多这样想的开发人员，从那以后一切都在走下坡路。您需要向他们解释JavaScript是一种非常强大的语言，以及为什么他们需要JS库（因为浏览器不一致），即使JS本身非常强大

---

祝你好运。

有趣的链接，谢谢。我意识到这个话题非常相似，但我仍然对那些与我立场相似的人的反应感兴趣。此外，在搜索时，标题本身并不适合于有用的链接，而随着时间的推移，这个链接可能会弹出（并参考其他主题，现在您已经添加了它！）顺便说一句，我刚刚发现了一个有趣的链接（jQuery实验场）commadot.com/jQuery如果您链接一个接一个链接，您可以学到很多东西…还有一个链接-1。我不喜欢这种说法“jQuery的工作方式与JavaScript的工作方式不同”。jQuery是JavaScript。我会用“用于DOM操作的vanilla JS代码与用于DOM操作的jQuery JS代码之间存在差异”来形容它……除了这是真的之外。我提到它们是一样的，但是jQuery抽象了很多你需要用javascript做的废话。因此，虽然可以在w/jQ中混合使用js，但它们的工作原理并不相同，许多js开发人员试图以编写js代码的方式编写jQ代码。我完全理解jQuery和JavaScript的工作原理。我对这个句子的措辞有异议，我觉得读起来不对。Jason，对不起，你能指出我在哪里写的jQuery与JavaScript的工作方式不同吗？事实上，我在回答中甚至没有提到jQuery。你真的认为“JavaScript是一种玩具语言”还是错别字？