jQuery使用hide方法隐藏元素自身用法实例


Posted in Javascript onMarch 30, 2015

本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考。具体如下:

下面的JS代码实现让按钮点击后将自己隐藏起来

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $(this).hide();
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

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

Javascript 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
javascript的回调函数应用示例
Feb 20 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
Oct 25 Javascript
讲解vue-router之什么是编程式路由
May 28 Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
Vue数据双向绑定底层实现原理
Nov 22 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 Javascript
vue中如何自定义右键菜单详解
Dec 08 Vue.js
javascript实现控制浏览器全屏
Mar 30 #Javascript
原生JavaScript编写俄罗斯方块
Mar 30 #Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 #Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 #Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 #Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 #Javascript
jquery实现右键菜单插件
Mar 29 #Javascript
You might like
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
jquery 操作两个select实现值之间的互相传递
2014/03/07 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
从Python程序中访问Java类的简单示例
2015/04/20 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
python中常用的数据结构介绍
2021/01/12 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
五年级科学教学反思
2014/02/05 职场文书
上班打牌检讨书
2014/02/07 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
springboot+VUE实现登录注册
2021/05/27 Vue.js