1.jquery触发事件函数trigger(type,[data])

在每一个匹配的元素上出发某类事件。

这个函数也会导致浏览器同名的默认行为的执行。比如,如果用trigger()触发一个submit,则同样会导致浏览器表单的提交。如果要阻止这种默认行为,应返回false。


2.提交表单

$("form:first").trigger("submit")



3.给事件传递参数


$("p").click( function (event, a, b) {
  // 一个普通的点击事件时,a和b是undefined类型
  // 如果用下面的语句触发,那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);


4.普通事件触发和a标签跳转触发比较

a) 普通事件触发

<div id="test"></div>
<div id="test2" οnclick="javascript:alert('test2')"></div>
<a href="http://www.baidu.com" id="baidu">百度</a>
<a href="http://www.qq.com" id="qq"><span>腾讯</span></a>



     

点击test,触发test2的点击事件:

$('#test').on('click',function(){
    $('#test2').trigger('click');	  	
});



         b) 触发a标签跳转

当使用上面的方法时,发现不能触发a标签的跳转。

正确使用方法:


$('#test').on('click',function(){
	document.getElementById('baidu').click();
	// $('#qq span').trigger('click');
 });

用原生js获取a标签,再执行trigger,或者将a标签的内容用标签套起来,获取a标签的内容触发跳转。