【JQuery】调用trigger()方法手动触发指定的事件
2016-04-02 12:53
716 查看
这个方法的使用倒是蛮简单,只是手动触发这四个字怎么理解呢?
trigger()手动触发的事件可以是元素自带的事件,也可以是自定义的事件。
<span style="font-family:Times New Roman;">$(selector).trigger(event)</span>
参数event就是事件的名称。
手动触发的意思就是:这个事件已经发生了。比如trigger('click'):本来需要点击才触发的事件,因为使用了trigger,这个事件就已经触发了,不用点击。
<body>
<h3>trigger()手动触发事件</h3>
<div>土豪,咱们交个朋友吧</div>
<input type='text' value='请输入文字' />
<script type="text/javascript">
$(function () {
$("div").bind("change-color", function () {
$(this).addClass("color");
});
$("div").trigger("change-color");
$('input').trigger('select')
});
</script>
</body>
trigger()手动触发的事件可以是元素自带的事件,也可以是自定义的事件。
<span style="font-family:Times New Roman;">$(selector).trigger(event)</span>
参数event就是事件的名称。
手动触发的意思就是:这个事件已经发生了。比如trigger('click'):本来需要点击才触发的事件,因为使用了trigger,这个事件就已经触发了,不用点击。
<body>
<h3>trigger()手动触发事件</h3>
<div>土豪,咱们交个朋友吧</div>
<input type='text' value='请输入文字' />
<script type="text/javascript">
$(function () {
$("div").bind("change-color", function () {
$(this).addClass("color");
});
$("div").trigger("change-color");
$('input').trigger('select')
});
</script>
</body>
相关文章推荐
- 【JQuery】使用one()方法绑定元素的一次性事件
- 【JQuery】toggle函数
- 10分钟-jQuery操作DOM元素
- 【JQuery】使用hover()方法切换事件
- 自定义jquery插件
- 【JQuery】页面加载时触发ready()事件
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery解析XML的方法小结
- 【JQuery】使用remove()和empty()方法删除元素
- Jquery操作全选,反选等批处理
- 【JQuery】使用each()方法遍历元素
- 【JQuery】使用wrap()和wrapInner()方法包裹元素和内容
- 【JQuery】replaceWith()和replaceAll()替换内容
- 【JQuery】使用before()和after()在元素前后插入内容
- JQuery学习笔记
- JQuery $("#id").val(value); 给select选值不出现问题
- chome, firefox浏览器js的jQuery加载.get(),.ajax()
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery- 鼠标样式(二级菜单简易通俗版)
- jquery Math.random()生成0~10以内随机整数写法