jquery实现点击显示和隐藏,jquery点击按钮显示隐藏div

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 0版，Dell G3电脑。

　　jquery怎样实现点击显示元素再次点击隐藏元素

　　在jquery中，show()方法和hide()方法可用于显示按钮，然后单击隐藏按钮。hide()方法隐藏已显示的选定元素。语法是：

　　$(选择器)。hide (speed，callback) show()方法如果选中的元素已经被隐藏，它们将被显示出来。语法是：

　　$(选择器)。显示(速度，回调)我们通过例子再来看看县级是怎么显示和点击隐藏的。例子如下：

　　超文本标记语言

　　头

　　script type= text/JavaScript src=/jquery/jquery . js /script

　　/头

　　身体

　　style type=text/css

　　div { width:100px；

　　高度：100px

　　背景：红色；

　　}

　　/风格

　　div id=test/div

　　按钮id=anniu 显示和隐藏/按钮

　　脚本

　　$(function(){

　　$ (# anniu )。单击(function(){//单击按钮

　　If ($ (# test )。is(:hidden ){//如果当前隐藏

　　$(#test )。show()；//点击显示

　　}else{//否则

　　$(#test )。hide()；//单击隐藏

　　}

　　})

　　})

　　/脚本

　　/body

　　/html输出结果：

　　相关视频教程推荐：jquery视频教程以上是jQuery如何点击显示元素再点击隐藏元素的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。