Question

非常简单的问题：我希望优化以下jQuery代码，具有最大的可读性，最佳性能和最小化（fuss =声明新变量等）：

$(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>');
$(".addthis_toolbox").append('<a class="addthis_button_facebook"></a>');
$(".addthis_toolbox").append('<a class="addthis_button_google"></a>');
$(".addthis_toolbox").append('<a class="addthis_button_reddit"></a>');
.
.
.
$(".addthis_toolbox").append('<a class="addthis_button_yetanotherservice"></a>');

Answer 1

你可以继续链接同一个jQuery对象，如下所示：

$(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>')
                     .append('<a class="addthis_button_facebook"></a>')
                     .append('<a class="addthis_button_google"></a>')
                     .append('<a class="addthis_button_reddit"></a>');

Answer 2

JavaScript确实有with语句：

with($(".addthis_toolbox"))
{
    append('<a class="addthis_button_delicious"></a>');
    ...
}

您可能会遇到有关变量范围using with语句的一些令人困惑的问题。

您可以使用链接来实现相同的目标：

$(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>')
                     .append(...)
                     .append(...);

在JQuery中使用（或类似）语句

2 个答案: