代码说明

时间:2014-08-21 04:25:03

标签: javascript jquery

几天前我问了一个问题,下面的链接是JSFiddle中的解决方案:

http://jsfiddle.net/vineetgnair/pnhxxcsw/11/

后来,我得到了另一个答案,它只用2行代码而不是8-9代码完成了上一个解决方案的工作。由于我刚接触编码,我无法弄清楚新JSFiddle的工作原理。如果有人能向我解释,我会很感激。

以下是第二个解决方案中的代码和JSFiddle链接:

var div = $('div').not(':first').hide().end();

$('button').on('click', function()  { div.hide().eq($(this).index()).show() })

http://jsfiddle.net/adeneo/pnhxxcsw/13/

提前致谢

1 个答案:

答案 0 :(得分:3)

第一行是非常直接的阅读,我们得到所有的div,过滤它们以获得不是它的父母的第一个孩子的所有东西,并隐藏它们,换句话说,隐藏除了第一个孩子之外的所有东西

第二行,我们在按钮上添加了一个click事件监听器,当我们点击时,我们只显示一个索引匹配点击按钮的元素

还有一件事,就像所说的评论一样,检查jquery文档,这是在这些情况下的地方