jquery实现div层的隐藏或显示

发布时间:2020-06-29编辑:脚本学堂
有点标题党了,与其说是jquery实现div层的显示与隐藏,还不如说是jquery中几个常用的关于层的函数的应用呢?

包括如下的函数:hide()、slideToggle()、show()、toggle()、slid(),各展奇功,效果真的很不错。

复 制 代码示例:

$(document).ready( function(){});
function hiden(){
$("#divObj").hide();//hide()函数 实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,别的参数还有slow,fast
}

function slideToggle(){
$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上
}
function show(){
$("#divObj").show();//显示,参数说明同上
}
function toggle(){
$("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上

}
function slide(){
$("#divObj").slideDown();//窗帘效果展开
}

看了以上的代码,你动手实测了吗,要想学好jquery,还是要多练习哦。
脚本学堂,专心为您。