持续更新-jQuery之发微(一)-callback参数怎么设置

来源:互联网 发布:苹果mac输入法 编辑:程序博客网 时间:2024/05/17 21:40

1、关于显示,隐藏和切换函数.show() .hide() .toggle()

切换函数的主要功能就是一个显示 和隐藏的切换

$(selector).toggle(speed,callback);

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

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是show() hide() toggle() 方法完成后所执行的函数名称。注意:该函数可在$document.redy(){callback}中定义,也可在<script>callback</script>中定义。比如:

$(document).ready(function(){
        $("input").click(function(){
            $(".paragraph").css("background-color","red");
        });
        $("#button1").click(function(){
            $(".text").hide("slow",hide);/*
注意此处不应该为hide()因为该参数是要求赋值一个函数(准确的说是一个函数的指针对象),而hide()是一个函数的返回值!!
        });
        $("#button2").click(function(){
            $(".text").show("slow",show);/*同上
        });
        $("#button3").click(function(){
           $("div").toggle("slow");
        });
        function show(){
            var result=document.getElementById("warning").innerHTML="文字已经被显示";
            return result;
        }
        function hide(){
            var result=document.getElementById("warning").innerHTML="文字已经被隐藏";
            return result;
        }
    });


主要的应用场景是进行点击操作,分别对要处理的内容进行显示和隐藏的切换。加入传输函数的参数包含“callback”,那么会执行callback。类似的还有hide()he show()函数
0 0
原创粉丝点击