jquery简化了语句

Question

说我有以下内容，有没有办法将它们链接在一起，或以某种方式简化它们？

var initialTab = $('#navigation li#red');
initialTab.siblings().removeClass('on').find('ul').fadeOut(1000);
initialTab.addClass('on').find('ul').fadeIn(1000);

由于

Answer 1

你可以链接它，如下：

$('#red').addClass('on').find('ul').fadeIn(1000)
   .end().siblings().removeClass('on').find('ul').fadeOut(1000);

ID必须是唯一的，因此只需#red就可以了，虽然.find()将<ul>后代作为链接，.end()会将其带回{ {1}}元素，因此我们可以使用.siblings()。

Answer 2

为什么要简化这些陈述？它们处理不同的元素，具有不同的含义。进一步链接会使理解和阅读变得更加困难。

但是，如果你真的想：

var initialTab = $('#navigation li#red');
initialTab.addClass('on').find('ul').fadeIn(1000).end()
   .siblings().removeClass('on').find('ul').fadeOut(1000);