jQuery 18 triggle事件触发

137 阅读 0 评论 91 点赞

我是靠谱客的博主奋斗纸鹤，最近开发中收集的这篇文章主要介绍jQuery 18 triggle事件触发，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!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>