jquery - 使用 find() 和 end() 函数来链接代码是否更好？

Question

假设我的 HTML 代码如下:

<div class="body">
    <div class="head">xxx</div>
    <div class="menu">xxx</div>
    <div class="content">
        <div class="main">xxx</div>
    </div>
</div>

脚本A

$('.body')
  .find('.head').show().end()
  .find('.menu').show().end()
  .find('.content .main').show().end()

脚本B

$('.body .head').show()
$('.body .menu').show()
$('.body .content .main').show()

我编写了脚本A和B来显示所有元素，但是哪个更好或者每个元素的优点是什么？

Answer 1

这是主观的，我发现end可读性较差，有些人可能不同意。
没有正确或错误的答案。

我更喜欢缓存风格，因为它更具可读性，甚至更快。

C 脚本

var $body = $('.body');
$body.find('.head').show();
$body.find('.menu').show();
$body.find('.content .main').show();

请注意:

$body.find('.head').show();
$body.find('.menu').show();

可以缩短组合为:

$body.find('.head, .menu').show();

The end() method is useful primarily when exploiting jQuery's chaining properties. When not using chaining, we can usually just call up a previous object by variable name, so we don't need to manipulate the stack. With end(), though, we can string all the method calls together.

From the docs