如何通过脚本模拟点击事件？

Question

我有一个jquery手风琴风格菜单，我想在顶部添加一些快捷方式链接。单击其中一个快捷方式时，它应具有与用户单击相应的用作该面板标题的标记相同的效果...

这是一些代码......

<div>
    Application Shortcuts > <a href="" 
    onclick="simulateAclick("generalSettings")>Open General Settings</a>
</div>


<ul class="menu collapsible">
  <li class='header'><a href='#' id="generalSettings">General Settings</a>
      <ul class='acitem'>...stuff goes here...

在上面的示例中，单击“打开常规设置”可切换“acitem”UL的子元素可见。我只是想从我应用程序顶部的链接模拟该元素的点击...

Answer 1

使用此：

$('#generalSettings').click();

#前缀表示查找具有以下ID的元素。

Answer 2

您可以在所有jQuery个对象上使用click功能来模拟点击事件。

这会触发事件，就好像是由用户完成的一样。除了明显的事件属性，例如clientX和clientY等，将不准确和/或可用。

Answer 3

这有官方功能;）

$('#generalSettings').trigger('click');