jQuery 编码约定

Question

我一直在寻找一些 jQuery 编码约定，但确实找到了一个全面的列表。

例如，我应该如何命名我的html标签的id，我喜欢第一个，因为它符合我的css约定，但是在某些情况下它会给我带来不便吗？

<div id="comment-list"></div>
<div id="commentList"></div>
<div id="CommentList"></div>

而且，单引号还是双引号 $('#obj') 与 $("#obj") 哪个更可取？

另外，假设我使用一个全局文件，如果我要使用其他 js 库，我是否应该用以下内容包围我的所有代码以避免 $ 符号冲突？

(function ($) {
   $(document).ready(function () {
     ...
   });
})(jQuery);

我应该使用更多的 js 文件还是将所有内容放在一个全局文件中？

等等。您遵循哪些约定可以使大型项目中的 jQuery 编码变得更容易？

Answer 1

我总是使用您喜欢的 css 约定 - 并且在这些元素上使用 jQuery 没有任何问题。就单/双引号而言 - 当值包含 HTML 标记时，我仅使用单引号。即

$("#el").html('<div class="wrap">Hey!</div>');

我注意到您在我回答问题后更新了问题。

对于多库冲突，您可以在兼容模式下使用库。例如:

var $j = jQuery.noConflict();
$j(document).ready(function () {
   $j("body").css('background', 'red');
});

至于使用单个/多个文件，这实际上取决于整洁与性能。

每个新的 .js 文件都需要向服务器发出额外的请求，从而减慢您的网站速度。但是，如果您要编写 5000 行代码来执行许多不同的操作，那么您当然可以考虑将它们组织在多个文件中。

但在这些情况下，我更喜欢做的是将脚本单独放在开发环境中，然后将它们合并到一个 global.js 文件中，然后将其缩小以用于生产。

马尔科·HTH