jQuery中show与hide方法用法示例


Posted in Javascript onSeptember 16, 2016

本文实例分析了jQuery中show与hide方法用法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDisplay").click(function () {
        $("#message").show(3000);
      });
      $("#btnHide").click(function () {
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="显示div" />
    <input id="btnHide" type="button" value="隐藏div" />
  </div>
  <div id="message">
    mouseover、mouseenter的区别:div里套div。见备注。和事件冒泡有关系。<br /> 
    不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件 <br />
    只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件(穿过子元素不会触发)
  </div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
非常不错的功能强大代码简单的管理菜单美化版
Jul 09 Javascript
js 编写规范
Mar 03 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
layui文件上传实现代码
May 20 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
Dec 26 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
vue-cli4.0多环境配置变量与模式详解
Dec 30 Vue.js
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 #Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 #Javascript
AngularJs 动态加载模块和依赖
Sep 15 #Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 #Javascript
基于JS+Canves实现点击按钮水波纹效果
Sep 15 #Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 #Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 #Javascript
You might like
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
使用JS操作页面表格,元素的一些技巧
2007/02/02 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
Python scikit-learn 做线性回归的示例代码
2017/11/01 Python
python处理csv中的空值方法
2018/06/22 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
关于幼儿的自我评价
2013/12/18 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
会务接待方案
2014/02/27 职场文书
艺术节主持词
2014/04/02 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
医院领导班子整改方案
2014/10/01 职场文书
干部作风建设工作总结
2014/10/29 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
公司开业主持词
2015/07/02 职场文书
趣味运动会赞词
2015/07/22 职场文书
合作合同协议书
2016/03/21 职场文书
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript