javascript - 这行 JQuery 代码是什么意思？

Question

我在这个网站上看到这篇文章，其中有一个 jFiddle 显示了 JQUery 的以下菜单，好吧，我看到了这段我无法理解的语法。

JFiddle:http://jsbin.com/oxajeq/3/edit?html,css,js,console,output

我不明白的代码行

$('#mini-logo')[logoSH](300);

我知道第一部分选择了 id 为 mini-logo 的元素，但我不知道其余的语法是什么!代码中，[logoSH]可以变成show或者hide，最后的()表示时长。但是，我找不到任何使用此语法的示例。我还用谷歌搜索了 CSS3、JQUery、过渡、效果、动画以及任何可能的东西，但没有成功。我找到了方法的东西，还有一些不是方法但带参数的东西，但没有像这段代码那样的东西。我知道 [] 里面的东西不是方法，但我不知道它们是什么。在此先感谢您的帮助。

Answer 1

此构造基于 bracket notation访问属性。它允许动态选择要应用的方法(show 或 hide)。

logoSH 是 "show" 或 "hide"。

这意味着你的线路是

$('#mini-logo')["show"](300); 或 $('#mini-logo')["hide"](300);

你也可以读作

$('#mini-logo').show(300); 或 $('#mini-logo').hide(300);

这是一个常见的结构，您也可以在三元运算符中找到它:

$('#mini-logo')[someBool ? "show" : "hide"](300);

注意:如果没有持续时间，您可以使用 toggle以 bool 值作为参数的函数。