Chinaunix首页 | 论坛 | 博客
  • 博客访问: 276019
  • 博文数量: 103
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 705
  • 用 户 组: 普通用户
  • 注册时间: 2013-05-02 16:15
文章分类

全部博文(103)

文章存档

2014年(8)

2013年(95)

我的朋友

分类: JavaScript

2013-12-29 10:07:20

//事件对象
/*
$(function(){
    $('input').click(function(e){
        alert(e);
    })

});

$(function(){
    $('input').click(function(e){
        //alert(e.type);//type属性
        //alert(e.target);//target 获取触发元素的DOM,点了那个就是哪个
        //alert(e.currentTarget);//监听元素的DOM,绑定的哪个就是哪个
        
    })

})

$(function(){
    $('input').bind('click',123,function(e){
        //alert(e.target);//target 获取触发元素的DOM,点了那个就是哪个        
        alert(e.data);
    });

})

$(function(){
    $('input').bind('click',{'name':'li','age':20},function(e){
        //alert(e.target);//target 获取触发元素的DOM,点了那个就是哪个        
        alert(e.data.age);
    });

}
*/

/*
$(function(){
    $('input').click(function(){
        alert('我是模拟的操作');
    });
    $('input').trigger('click');//模拟操作,模拟执行上面的click
})
$(function(){
    $('input').click(function(){
        alert('我是模拟的操作');
    }).trigger('click');
});

$(function(){
    $('input').click(function(e,data1,data2){
        alert(data1+'|'+data2);
    }).trigger('click',['123','abc']);
});

$(function(){
    $('input').click(function(e,data1,data2){
        alert(data1+'|'+data2);
    }).trigger('click',['123','abc']);
});

$(function(){//自定义事件
    $('input').bind('myEvent',function(e,data1,data2){
        alert('我是自定义事件');
    }).trigger('myEvent');
});

$(function(){
    $('input').click(function(e,data1,data2){
        alert('简写');
    }).click();
});
*/

$(function(){
    $('input').click(function(e,data1,data2){
        alert('简写');
    }).click();
});
阅读(802) | 评论(0) | 转发(0) |
0

上一篇:jQuery03-表单选择器

下一篇:jQuery05-动画

给主人留下些什么吧!~~