这行 JQuery 代码是什么意思

What does this line of JQuery code mean?

本文关键字:意思 是什么 代码 JQuery 这行      更新时间:2023-09-26

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

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

我不明白的代码行

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

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

此构造基于用于访问属性的括号表示法。它允许在这里动态选择要应用的方法(showhide(。

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);

注意:如果没有持续时间,您可以使用将布尔值作为参数的切换函数。