js中有没有显示或隐藏元素时触发的事件?

JavaScript035

js中有没有显示或隐藏元素时触发的事件?,第1张

jquery中的效果函数都有一个回调函数，是在效果完成后调用的。

$("#obj").show("slow",callback)

$("#obj").hide("slow",callback)

其中callback是显示或隐藏事件完成后执行的事件。

<script type="text/javascript">

$(document).ready(function()

{ $(".click").click(function(){

$('.OriginalPic p').toggle()

//或    $('.OriginalPic p').fadeToggle()

})

}) 

</script>

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：

2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：

3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：

4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:

5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：

6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：