jquery点击隐藏和显示

<script type="text/javascript">
$("#close").click(function(){
  $("#center").hide();
});
</script>
$("#show").click(function(){
  $("p").show();
});
时间: 2024-10-11 22:15:18

jquery点击隐藏和显示的相关文章

如何点击隐藏和显示一个div

如何点击隐藏和显示一个div: 在很多时候有这样的需求,那就是点击显示一个div,再点击就会隐藏显示的div.例如在网站后台添加文章的时候,有时候会根据用户的需要选择是否添加额外的信息.下面就简单介绍一下如何实现此种效果. 实现点击隐藏和显示div的方法有多种,下面就介绍一下比较常用的一种: 使用toggle()方法实现div的隐藏隐藏和显示,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" ut

JavaScript之jQuery-5 jQuery 动画效果(隐藏和显示、自定义动画、并发与排列效果)

一.jQuery 隐藏和显示 基本显示.隐藏效果 - show() / hide() - 作用: 通过同时改变元素的宽度和高度来实现显示或隐藏 - 用法: $obj.show(执行时间,回调函数); 执行时间:slow,normal,fast或毫秒数 回调函数:动画执行完毕之后要执行的函数 滑动式动画效果 - slideDown() / slideUp() - 作用: 通过改变高度来实现显示或者隐藏的效果 - 用法同 show() / hidden() 淡入淡出式动画效果 - fadeIn()

基于jQuery点击淡入淡出显示图片特效

分享一款基于jQuery点击淡入淡出显示图片特效.这是一款基于jQuery+CSS3实现酷炫效果的图片切换特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <center><p style="color:#334960">点击图标进行展示</p></center> <div class="main"> <div id="coolShow"><

jq效果 点击隐藏和显示(组织冒泡事件)

一个button按钮,当我点击button后弹出DIV层, 当我点击DIV层以外的地方时候把DIV隐藏 大概代码如下: <input type="button" id="js_button" /> <div id="js_div" style="width: 100px; height: 100px; display: none"> </div> <script type="

jQuery效果:隐藏、显示、切换、滑动、淡入淡出、动画

jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画 1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示 toggle()方法:可以使用它来切换hide()与show()方法 eg1:显示 <style type="text/css"> *{margin:0;padding:0;} .body{font-size:12px;font-family:"微软雅黑";color:#666;} .yym{wid

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat

jQuery效果之隐藏与显示、淡入淡出、滑动、回调

隐藏与显示 淡入淡出 滑动效果

Javascript与jQuery方法的隐藏与显示

如题,代码奉上. <html> <head> <title>denotoggle</title> <style> #box { width: 100px; height: 100PX; background-color: #ddd } .show { visibility: hidden; } </style> <script src="http://libs.baidu.com/jquery/1.8.2/jquery

简单地做一下“回到顶部”按钮,用jQuery实现其隐藏和显示

1.首先,我们要准备HTML代码: <div id="return-top"> <a href="#top">返回顶部</a> </div> 这里的<a>标签里面的href=“#top”就表示点击它就可以回到顶部,就不写回到顶部的代码了 2.设置其CSS样式: #return-top{ width: 50px; height: 50px; background-color: #8FBC8F;/*背景颜色*/