<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #one{ width:200px; height:200px; border:10px solid red; margin-top: 100px; } </style> </head> <body> <input value="按钮" type="button" id="btn1"/> <input value="按钮2" type="button" id="btn2"/> <div id="one" class="one"></div> </body> </html> <script src="./jquery-3.4.1.js"></script> <script type="text/javascript"> $(function(){ //事件触发trigger //a.代码的方式触发事件 //b.可以使用它触发自定义事件 //1 给div注册一个单击事件 $('#one').on('click',function(){ console.log("单击事件"); }); var i; //1 给按钮注册事件 $('#btn1').on('click',function(){ i++; if(i==3){ //条件满足,触发div事件 当单击三次 //像用代码单击触发事件 //$('#one').click(); $('#one').trigger('click'); } }); //给div注册一个自定义事件 $('#one').on('click',function(){ console.log(nhaii); }); //如果非要触发就用触发器trigger $('#btn2').on('click',function(){ var res=confirm('你好'); if(res){ //触发自定义事件 $('#one').trigger('linge'); } }); }); </script> jQuery 18 triggle事件触发
最新推荐文章于 2023-07-11 22:34:36 发布
12万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
