demo bind绑定事件,自定义事件

bind绑定事件

<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>

   <script type="text/javascript">

      $(function(){

         // $('#btn').click(function () {

         //只能绑定click事件

         // })

         $('#btn').bind('click mouseover',function () {

            alert('hello');//鼠标移入弹出hello

            //绑定多个事件  绑定click事件和mouseover事件

            $(this).unbind('mouseover');

            //解除绑定事件

         })

      })

   </script>

<body>

   <input type="button" value="按钮" id="btn">

</body>

自定义事件

$(function(){

      //自定义事件只能使用bind的方式进行绑定

      //通过trigger来触发

      $('#btn1').bind('hello',function () {

         alert('hello!');

});

      $('#btn2').click(function () {

         $('#btn1').trigger('hello');

});//点击按钮2时'hello'会被trigg触发

      $('#btn1').trigger('hello');

}) //直接触发

<input type="button" value="按钮" id="btn1">

<input type="button" value="按钮" id="btn2">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。