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 相关文章推荐
Prototype使用指南之base.js
Jan 10 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
JavaScript之数组(Array)详解
Apr 01 Javascript
jQuery表格行上移下移和置顶的实现方法
Oct 08 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
Vue.js中的高级面试题及答案
Jan 13 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 编程请选择正确的文本编辑软件
2006/12/21 PHP
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
PHP常见的6个错误提示及解决方法
2016/07/07 PHP
PHP7 其他修改
2021/03/09 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
layui table 参数设置方法
2018/08/14 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
Python实现PS图像明亮度调整效果示例
2018/01/23 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
python 实现UTC时间加减的方法
2018/12/31 Python
python学生管理系统开发
2019/01/30 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
《湘夫人》教学反思
2014/02/21 职场文书
房屋租赁意向书
2014/04/01 职场文书
《赶海》教学反思
2014/04/20 职场文书
商铺租房协议书范本
2014/12/04 职场文书
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android