jQuery代码优化：我可以在一行中写这个吗？

Question

我可以在一行中编写这两行jQuery代码吗？怎么样？

$('#title').hide().delay(4000).fadeIn(100);
$('#titleNew').show().delay(4000).fadeOut(100);

Answer 1

是的，你可以。

$('#title,#titleNew').toggle().delay(4000).fadeToggle(100);

或

$('#title').add('#titleNew').toggle().delay(4000).fadeToggle(100);

不要把它看作是一种优化，它只是一种不同的写作方式。由于您只处理两个元素并且您通过id选择它们，因此无法进行优化。

由于没有使用css选择器引擎，第二个可能会比以前快一点，但它的代价是可读性。 这两者都可能比你已经拥有的更慢。