实例
<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的用法和在实际中的应用