如何使用jQuery单击按钮?

时间:2015-04-09 20:41:43

标签: javascript jquery

这是DOM:

<div class="form-actions">
<button class="btn btn-primary" type="submit">Save device</button>
</div>

我想使用Jquery选择按钮并单击它? 我尝试过使用:jQuery(".btn btn-primary").click() 这是行不通的

6 个答案:

答案 0 :(得分:6)

您正在尝试选择包含这两个类的元素,因此您的选择器应为.btn.btn-primary

$('.btn.btn-primary').click();

您试图选择一个类.btn-primary的元素,该元素是.btn元素的后代。

答案 1 :(得分:2)

您的选择器不正确;因为两个类都在同一个元素上,所以需要用.分隔它们,不能有空格:

jQuery(".btn.btn-primary").click()

答案 2 :(得分:1)

您可以使用jQuery trigger()方法触发现有事件处理程序的行为。

https://api.jquery.com/trigger/

example:

<button id='testButton'>Test</button>

<script>
$(function(){
   $('#testButton').on('click' , function(){
        alert("I've been clicked!");
   });

   //now on another event, in this case window resize, you could trigger
   //the behaviour of clicking the testButton?

  $( window ).resize(function() {
        $('#testButton').trigger( "click" );
  });

});

</script>

答案 3 :(得分:0)

请参阅以下内容:

https://api.jquery.com/trigger/

使用$(".btn-primary").trigger("click");

希望有所帮助

答案 4 :(得分:0)

只是因为你还没有学习,你总是可以为按钮定义一个Id并以这种方式使用它:

<div class="form-actions">
  <button id="mybutton" class="btn btn-primary" type="submit">Save device</button>
</div>


 $('#mybutton').click(function(){
    //your code goes here
 });

答案 5 :(得分:0)

$(window).load(function(){ $( “BTN-主。”)触发器( '点击')。 });