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 相关文章推荐
去除链接虚线全面分析总结
Aug 15 Javascript
js function使用心得
May 10 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 Javascript
quickjs 封装 JavaScript 沙箱详情
Nov 02 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
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
浅析PHP 中move_uploaded_file 上传中文文件名失败
2019/04/17 PHP
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
js绑定事件和解绑事件
2017/04/27 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
JS回调函数深入理解
2019/10/16 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
python进阶教程之词典、字典、dict
2014/08/29 Python
寻找网站后台地址的python脚本
2014/09/01 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Python二叉搜索树与双向链表转换算法示例
2019/03/02 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
党章学习思想汇报
2014/01/14 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
优质服务演讲稿
2014/05/14 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang