JQuery事件

JQuery事件
 
 所有的事件对应的元素需要在页面第一次加载时就出现；而不是动态创建的元素；如果想为动态创建的元素
添加事件需要在页面上显示的元素的某一事件中定义。例如动态创建表格，某一单元格的点击事件，详细代码
见空间中的代码片（JQuery动态创建表格及一些事件的位置）

1、绑定事件时除了$("#Button1").click(function(){ })这种格式，还可以
a)
$('#btn').bind('click ',function(){ 
$('div').css('background-color','green');})：使用bind方式为元素绑定一个事件
b)
$('#btn').bind('click mouseover',function(){
$('div').css('background-color','green');})：使用bind方法为元素绑定2个事件，2个事件执行的是一个函数体
c)
$('#txt').bind({ focus: function () {
$('.class1').html('执行了focus事件');},
    change: function () {
                $('.class1').html('执行了change事件');
                }
           })：使用bind方法绑定2个事件，每个事件执行不同的函数体

2、事件的切换

hover()方法接受2个函数作为参数，相当于mouseenter()事件和mouseleave事件，即鼠标悬停事件和鼠标移出事件。
格式如下：
$('.classdiv').hover(function () { $('span').text('你选择了我'); }, function () { $('span').text('却匆匆而过');

3、事件依次调用
 a)toggle():依次执行函数，不是随机的，也不可以指定。（需要点击图片）
$('img').toggle(function () {
                $('img').attr('src', 'images/1.jpg');
            },
            function () {
                $('img').attr('src', 'images/2.jpg');
            },
            function () {
                $('img').attr('src', 'images/3.jpg');
            },
            function () {
                $('img').attr('src', 'images/4.jpg');
            },
            )

b)toggle() 方法还可以切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，

则显示这些元素。

该效果适用于通过 jQuery 隐藏的元素，或在 CSS 中声明 display:none 的元素（但不适用于 visibility:hidden 的元素）。

4、移除事件
    $('img').unbind();//移除此元素的所有事件
    $('img').unbind('mouseenter');//移除此元素的mouseenter事件

5、one()方法绑定事件

one():使用one()替换bind()方法的结果就是后面绑定的事件代码只执行1次
$('#chagebig').one('click', function () {
                $('p').animate({fontSize:'+=6px'});
            })
6、focus:文本框获取焦点
   blur:文本框失去焦点