美文网首页
jquery事件

jquery事件

作者: 岁月悄然飞逝徒留回忆_54a5 | 来源:发表于2018-11-07 20:15 被阅读0次

jQuery其他事件

JS原生写法
                   window.onload = function(){ }


 jQuery写法,等同于上面写法
                  $(window).load(function(){
     })


ready的写法
    $(document).ready(function(){
})


ready的简写
 $(function(){

绑定事件

  只能绑定click事件,不能绑定其他的了
  $('#btn').click(function() {
 Act on the event
 });

//bind方式可绑定多个事件
$('#btn').bind('click mouseover', function() {
    alert('hello!');

//取消绑定事件
$(this).unbind('mouseover');
});

自定义事件

 自定义事件只能用bind方式绑定,第一个参数是事件的名字,第二个参数是事件  发生时执行的函数
           $('#btn1').bind('hello', function(){
            alert('hello');
        })
        $('#btn1').bind('click', function(){
            alert('click');
        })
        $('#btn2').click(function() {
            // trigger即可以触发自定义事件,也可以触发原始的事件
            $('#btn1').trigger('hello');
            $('#btn1').trigger('click');
        });
        
        //不一定点击按钮触发,也可页面加载时触发,也可在满足某种if条件时触发
        // $('#btn1').trigger('hello');

相关文章

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery知识整理

    jQuery jQuery和DOM关系 jquery框架对象分析 加载事件 事件绑定 动画效果 jquery封装的...

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

  • jQuery基础(三)—事件篇-----鼠标事件

    jQuery鼠标事件之click与dbclick事件jQuery鼠标事件之mouseover与mouseout事件...

  • jQuery动画、循环、事件

    jQuery动画 jQuery循环 元素绝对位置 鼠标移入移出 jQuery事件 自定义事件 事件冒泡 弹框-阻止冒泡

  • Jquery day_3

    1.1 Jquery 事件注册 1.2 jquery 事件处理 on(): 用于事件绑定,目前最好用的事件绑定方...

  • jQuery事件操作和插件

    jQuery事件操作 简单方式注册事件 语法:jQuery对象.事件名(事件处理程序) on方法注册事件 注册简单...

  • jquery对节点的操作

    Jquery对事件的绑定 $().bind(“事件类型”, 事件处理); 给jquery绑定一个事件$().bi...

  • jQuery事件机制

    jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑...

  • jquery 滚轮插件 jquery.mousewheel.js

    jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,那么可以使用jquery的滚轮事件插件...

网友评论

      本文标题:jquery事件

      本文链接:https://www.haomeiwen.com/subject/arlbxqtx.html