jquery使用hide方法隐藏指定id的元素


Posted in Javascript onMarch 30, 2015

本文实例讲述了jquery使用hide方法隐藏指定id的元素。分享给大家供大家参考。具体如下:

下面的代码通过jQuery的hide方法隐藏了id=test的元素

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

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

Javascript 相关文章推荐
CSDN轮换广告图片轮换效果
Mar 27 Javascript
js继承的实现代码
Aug 05 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
Vue.js实现大转盘抽奖总结及实现思路
Oct 09 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
JavaScript中的this妙用实例分析
May 09 Javascript
vue实现五子棋游戏
May 28 Javascript
JavaScript实现滑块验证解锁
Jan 07 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 #Javascript
jQuery使用hide方法隐藏元素自身用法实例
Mar 30 #Javascript
javascript实现控制浏览器全屏
Mar 30 #Javascript
原生JavaScript编写俄罗斯方块
Mar 30 #Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 #Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 #Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 #Javascript
You might like
将PHP作为Shell脚本语言使用
2006/10/09 PHP
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP中文汉字验证码
2007/04/08 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
php不用正则验证真假身份证
2013/11/06 PHP
php二维数组排序详解
2013/11/06 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
jQuery实现点击水纹波动动画
2016/04/10 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
解析Vue2.0双向绑定实现原理
2017/02/23 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
Python常见异常分类与处理方法
2017/06/04 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
使用python实现BLAST
2018/02/12 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
中学生班主任评语
2014/01/30 职场文书
小学数学教学反思
2014/02/02 职场文书
职工运动会邀请函
2014/02/02 职场文书
鲜花方阵解说词
2014/02/13 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
企业内部管理控制:银行存款控制制度范本
2020/01/10 职场文书
PHP中->和=>的意思
2021/03/31 PHP
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技