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 innerHTML使用分析
Dec 03 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
javascript实现导航栏分页效果
Jun 27 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
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
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
Python对象与引用的介绍
2019/01/24 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
Canvas高级路径操作之拖拽对象的实现
2019/08/05 HTML / CSS
linux面试题参考答案(1)
2016/01/22 面试题
质量月活动策划方案
2014/03/10 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL
一条慢SQL语句引发的改造之路
2022/03/16 MySQL
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python