jquery - jQuery遍历哪个代码更好

Question

以下两个几乎相同，还是一个更好，为什么？

一个）

$myLists.find(".panel").hide().end()
    .find(".tabs a.active").removeClass("active").end()
    .find($this.attr("href")).fadeIn(250);

二）

$myLists.find(".panel").hide();
$myLists.find(".tabs a.active").removeClass("active");
$myLists.find($this.attr("href")).fadeIn(250);

Answer 1

我怀疑两者之间的性能是否存在显着差异。我会选择选项 B 仅仅是因为我发现它更“可读”（即使在这种特殊情况下说实话 A 也一样可读）。

Answer 2

性能上的差异，如果有的话，是非常微小的。不值得为此烦恼。

唯一可能存在的其他区别在于易于阅读和编写代码。这个问题真的取决于你。我发现您的链接代码非常混乱。如果我要那样做，我会做这样的事情：

$myLists
    .find(".panel")
        .hide()
        .end()
    .find(".tabs a.active")
        .removeClass("active")
        .end()
    .find($this.attr("href"))
        .fadeIn(250);

以这种方式缩进代码可以让您准确地查看在任何给定时间您正在处理的元素。不过，正如我所说，这在很大程度上取决于您的偏好或您的房屋编码风格。