持续更新-jQuery之发微(一)-callback参数怎么设置
2015-03-12 15:47
435 查看
1、关于显示,隐藏和切换函数.show() .hide() .toggle()
切换函数的主要功能就是一个显示 和隐藏的切换
可选的 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()函数
切换函数的主要功能就是一个显示 和隐藏的切换
$(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()函数
相关文章推荐
- 持续更新-jQuery发微(三)-H5<video>设置高宽
- [置顶] js、jQuery中的距离位置参数【持续更新】
- 持续更新-jQuery之发微(二)-jQuery html
- 持续更新-jQuery发微-关于jQuery和JS原生混用的方法
- jquery-autocomplete 参数设置
- Oracle11G 系统参数学习(持续更新中)
- Eclipse 基本设置【持续更新】
- 【持续更新中】JQuery知识点整理
- 怎么为DataGrid中的链接设置多个参数
- JQuery扩展插件Validate—2通过参数设置验证规则
- 新增格式化单元格数据功能-dotNetFlexGrid1.24,快速的设置您的表格数据的不同样式;现在开始扔掉你的Asp.net GridView吧。(更新FieldFormatorHandle参数)
- 第十三篇 Oracle参数及参数文件(二) 持续更新......
- jQuery源码分析系列(持续更新)
- 获取子窗口中使用jQuery.data()设置的参数置的参数
- JQuery扩展插件Validate 3通过参数设置错误信息
- jQuery学习总结之基础知识----持续更新中
- 怎么为DataGrid中的链接设置多个参数
- 怎么为DataGrid中的链接设置多个参数
- jquery插件集合(将持续更新)
- jQuery学习总结之元素的相对定位和选择器----持续更新中