jquery的事件、隐藏和淡入淡出

jquery的常用事件

		click()         点击
        dblclick()      双击
        mouseenter()    鼠标经过
        mouseleave()    鼠标移开
        mousedown()     鼠标按下
        mouseup()       鼠标松开
        focus()         当元素聚焦的时候执行focus事件
        blur()          失去焦点
        change()        改变时间

hover()模拟光标悬停事件和change改变事件
当鼠标移动到元素上时，会触发指定的第一个函数;移出这个元素时，会触发指定的第二个函数。

	$(function () {
       $('p').hover(
           function () {
               alert("你进入了 p1!");
           },
           function () {
               alert("你离开了 p1!");
           }
       );
       $('input').change(function () {
           $(this).css('background-color','#123456');
       })
    });

隐藏hide()和显示show()和toggle()
语法：

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

speed 参数规定隐藏/显示的速度，可以取以下值：“slow”(缓慢)、“fast”(快速) 或毫秒。
callback 参数是隐藏或显示完成后所执行的函数名称。

这里都用隐藏来说明

$(function () {
    $('.ex .hide').click(function () {
        //第二个参数是一个字符串 表示过渡使用哪种缓动函数 jQuery自身提供linear和 swing
        //也可以在后面 , 隔开加函数
        $(this).parents('.ex').hide(1000,'swing',function () {
            alert(6666666666666666);
        });
    });
});

也可以把函数单独写出来

$(function () {
   $('.ex .hide').click(function () {
        $(this).parents('.ex').hide(1000,'swing',ff());//可以是函数调用 也可以是匿名函数
    });
    function ff() {
        alert(6666666666666666);
    }
});

区别就是一个是隐藏完执行 一个是先执行函数在隐藏

但是当toggle()的时候就最好不要写匿名函数，因为这样会让他执行很多遍

$(function () {
//假如你选中了5个p 那么它就会执行5遍弹窗
    $("button").click(function(){
        $("p").toggle(1000,'swing',function () {
            alert(666666666);
        });
    });
});

当然你也可以不带函数，但是如果需要带的话 最好写成一个单独的函数

$(function () {
    $("button").click(function(){
        $("p").toggle(1000,'swing',fff());
    });
    function fff() {
        alert(666666666);
    }
});

淡入淡出fading
它拥有4种方法
fade：
1、 fadeIn()
2、 fadeOut()
3、 fadeToggle()
4、 fadeTo()

第一个和第二个就不介绍了，一个是只能淡入隐藏的元素，一个是只能淡入显示的元素。主要介绍第三种fadeToggle()。

语法：
$(selector).fadeIn(speed,callback);
用法和前面的一样

$(function () {
    $('button').click(function () {
        $('#div1').fadeToggle(1000);
        $('#div2').fadeToggle('slow');//缓慢的
        $('#div3').fadeToggle('fast');//快速的
    })
});

第四种 fadeTo() 允许渐变为给定的不透明度（值介于 0 与 1 之间）

$(function () {
    $('button').click(function () {
        $('#div1').fadeTo('slow',.4);
        $('#div2').fadeTo('slow',.6);
        $('#div3').fadeTo('slow',.8);
    })
});
//个人感觉没啥用

今天的就到这里了，本人也是在学前端，有错误希望及时指出，谢谢大家。鞠躬了、鞠躬了、鞠躬了、鞠躬了。