jQuery |触发器（）方法

trigger()方法是 jQuery 中的一个方法，用于在选定元素上触发指定的事件处理程序。

句法：

$(selector).trigger(event, param1, param2)

注意：可以在 trigger() 方法中传递额外的参数。

例1：这个方法触发了两个方法来增加method的值。

      

    
        jQuery trigger() Method
    

  

    
        0
    
      
    Increase #1
      
    
        0
    
      
    Increase #2
  
    
    
      
    
    
        $(document).ready(function() {
            $("#btn1").click(function() {
                Increase($(".box-1>h1"))
            })
      
            $("#btn2").click(function() {
                $("#btn1").trigger("click");
      
                Increase($(".box-2>h1"))
            })
      
            function Increase(obj) {
                var text = parseInt(obj.text(), 10);
                obj.text(text + 1);
            }
        });
    
                    

输出：

在上面的例子中，使用了一个Increase(obj)函数，它以一个html元素为对象，通过使用parseInt()函数将字符串转换为整数，将其中的数字文本的值加一。

function Increase(obj) {
        var text = parseInt(obj.text(), 10);
        obj.text(text + 1);
      }

此外，jQuery 选择器用于选择按钮并将单击事件方法附加到它，并在其中调用Increase(obj)函数。

$("#btn1").click(function(){
            Increase($(".box-1>h1"))
        })

        $("#btn2").click(function(){
            $("#btn1").trigger("click");
            Increase($(".box-2>h1"))
        })

当点击增加 #1按钮时，它会将相应 div 中的值增加 1。但是当点击增加 #2按钮时，它会将两个 div 中的值增加 1。因为我们在#btn2 的bind click 方法中的trigger()方法事件的帮助下触发了‘click’。

示例 2：此示例在trigger()方法的帮助下触发输入元素的焦点事件。

      

    
        jQuery trigger() Method
    
  
    
    
      
    
        div {
            width: 300px;
            height: 100px;
            border: 1px solid green;
            text-align: center;
        }
    

  

    
        
          
        
          
        
            click anywhere inside div to 
            focus input element.
        
    
      
    
    
        $(document).ready(function() {
            $("div").click(function() {
                $("#name").trigger("focus");
            })
        });
    

  
                    

输出：