jQuery中的事件与动画

在jQuery中使用什么方法隐藏元素？

.hide()

这个方法不接受任何参数。

.hide( [duration ] [, complete ] )

duration (默认: 400)

类型: Number or String

一个字符串或者数字决定动画将运行多久。

complete

类型: Function()

在动画完成时执行的函数。

 

如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：

$('.target').hide();

 

匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css('display', 'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。

 

在jQuery中使用什么方法可控制元素的淡入和淡出？

·fadeIn（）使得一个隐藏的元素淡入视野。首先，元素占据的空间出现在页面上（这可能意味着页面上的其他元素要移走）；然后，元素逐渐地变得可见。如果元素在页面上已经可见，则这个函数没有任何效果。如果没有提供一个速度值，元素使用“常规”设置来淡入（400毫秒）。

·fadeOut（）通过使得一个可视的元素像幽灵般地淡出视线来隐藏它。如果元素在页面上已经隐藏，这个函数没有任何效果，这和fadeIn（）函数一样。如果没有提供一个速度值，元素以400毫秒的速度淡出。

·fadeToggle（）组合了淡入和淡出的效果。如果该元素当前是隐藏的，它会淡入视线中；如果它当前是可见 的，该元素会淡出视线。可以使用这个函数让一个提示框出现在页面上或从页面消失。例如，假设有一个按钮，其上显示单词“instructions”。当访 问者单击该按钮的时候，带有说明的一个div将淡入视线；再次单击该按钮，将会使说明淡出视线。要让该提示框每半秒钟淡入或淡出一次，可以这样编写代码：

1. $（'#button'）.click（function（）{
2. $（'#instructions'）.fadeToggle（500）；
3. }）；//end click

·fadeTo（）的工作方式和其他两个效果函数略有不同。它把图像淡化到一定的透明度。例如，可以让图像淡化到半透明。和其他效果不同，必须提供一个速度值。此外，还提供0～1之间的一个值来表示元素的透明度。例如，要把所有的段落淡化到75%的透明度，可以这样编写代码：

1. $（'p'）.fadeTo（'normal'，.75）；

这个函数改变了一个元素的透明度，而不管这个元素是可见的还是不可见的。例如，假设要把当前隐藏的一个元素淡化到50%的透明度。然后，如果使用 show（）或fadeIn（）显示该元素，它会以50%的透明度显示。同样，如果隐藏一个半透明的元素，然后再显示它，它的透明度设置还是会恢复。

简述toggle( )的两大功能

toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
        //每次点击时轮换添加和删除名为selected的class。
        $("p").toggle(function(){
                $(this).addClass("selected");   
        },function(){
                $(this).removeClass("selected"); 
        });

 

到目前为止所学习的jQuery自定义的方法有哪些？

* jQuery中添加自定义或函数方法1,如 $.fn.extend({'aa':function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()

* jQuery中添加自定义或函数方法2, 如:　　     $.myFun4(2, "gmd", "myFun4");