这行JQuery代码意味着什么？

Question

我在这个网站上看到了这个帖子,其中一个jFiddle显示了JQUery的以下菜单,我看到这段语法我无法弄清楚.

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

代码行我不明白

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

我知道第一部分选择id为mini-logo的元素,但我不知道其余的语法是什么!在代码中,[logoSH]可以显示或隐藏,而末尾的()表示持续时间.但是,我找不到任何使用此语法的示例.我还搜索了CSS3,JQUery,过渡,效果,动画,这可能是什么,没有运气.我发现的东西是方法,而其他的不是方法,而是参数,但没有像这个代码.我知道里面的东西不是一种方法,但我无法弄清楚它们是什么.提前感谢您的帮助.

Answer 1

此构造基于括号表示法来访问属性.它允许在这里动态选择要应用的方法(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函数.