jQuery 事件 - trigger() 方法

实例

<select id="testSelect" onchange="testChange()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
        <button onclick="btn()">按钮</button>
    </body>
    <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
//  按钮点击事件
    function btn(){
         $("#testSelect").val("2");
    }
    // dom加载完成后执行
    $(function(){
         $("#testSelect").val("2");
        // $("#testSelect").trigger("change");
    })
    // change事件
    function testChange(){
        console.log("change");
    }

    </script>

浏览器输出

我们就可以用到trigger() 方法使我们点击按钮触发change事件

trigger 他可以触发我们被选元素的制定事件类型
那我们在实际的工作中 trigger解决了什么问题呢

我们在实际工作中 nav 导航栏默认选中的时候 , 有可能有些用户默认选中的不是第一个 , 而是第二个 , 因为我们要知道, 如过默认是第二个的话 他在默认情况下是不会触发我们的事件的 , 这样的话就无法显示我们切换的内容 , 比如

可以清楚的看到 , 在dom结点加载完成后,确实没有触发我的change事件

如果我们使用 trigger() 方法 就可以轻松解决这个问题了

这个就是trigger的用法和在实际中的应用