jQuery中trigger方法用法.docx

jQuery中trigger方法用法jQuery中trigger方法用法trigger()触发事件触发事件就是类似于点击click,mouseover,keydown等有动作的js事件，简单的说就是一个动作，可能有人会问，那show,hide是不是?不是为什么要用trigger()？比如：你给一个按钮添加了一个click点击事件，弹出提示框，代码如下。varp=$(“#mybutton”);//你的按钮。p.click(function(){alert(‘你是猪啊，~让你点，你就点？’);});上面的代码就是一个按钮的click事件。这个时候你有个非分的要求，就是希望页面刷新的.时候就点一下这个按钮。如果不用trigger()你可以在后面这样写：p.click();如果用trigger()，你就要写成这样：效果跟上面这句是一样，就是稍微长点。p.trigger(“click”);然后有人说：你是猪啊·~~上面这个短一点，你还教我用下面这个=，=表急着揍我么~·继续往下看。你用手册里的索引搜一下click可以看到两条结果click()和，click(fn)，然后搜一下trigger发现只有一个trigger(type,[data])。然后你知道我的意思了吧。—trigger可以传参数进去。我们看看手册里的trigger例子：$(“p”).click(function(event,a,b){//一个普通的点击事件时，a和b是undefined类型//如果用下面的语句触发，那么a指向”foo”,而b指向”bar”}).trigger(“click”,[“foo”,“bar”]);了解了吧？如果用click的话，它不吃参数，用trigger的话，就能吃了。练习一下吧：黏贴到你的页面上试试看，记得把jquery载进来。$(function(){varp=$(“#mybutton”);//你的按钮。p.click(function(e,text){vartext=text||‘你是猪啊，~让你点，你就点？’;alert(text);});p.trigger(“click”,”您好，请点击按钮”);});demo：下面的代码可以显示一个”HelloWorld”jQuery代码:$(“p”).bind(“myEvent”,function(event,message1,message2){alert(message1+‘‘+message2);});$(“p”).trigger(“myEvent”,[“Hello”,”World!”]);其实trigger()方法的意思自动触发被选元素的指定事件类型。p{width:200px;height:200px;border:1pxsolidblue;}