您的位置:首页 > Web前端 > JQuery

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

2015-03-12 15:47 435 查看
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()函数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: