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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
vue组件实践之可搜索下拉框功能
Nov 25 Javascript
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
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
用header 发送cookie的php代码
2007/03/16 PHP
php 图像函数大举例(非原创)
2009/06/20 PHP
php中cookie的使用方法
2014/03/29 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
img的onload的另类用法
2008/01/10 Javascript
js继承的实现代码
2010/08/05 Javascript
ExtJS 入门
2010/10/29 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
JavaScript中 this 指向问题深度解析
2017/02/21 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
template.js前端模板引擎使用详解
2017/10/10 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
JS求解两数之和算法详解
2020/04/28 Javascript
[02:09:59]火猫TV国士无双dota2 6.82版本详解(下)
2014/09/29 DOTA
Python面向对象编程中的类和对象学习教程
2015/03/30 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python sys模块常用方法解析
2020/02/20 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
解释下面关于J2EE的名词
2013/11/15 面试题
Laravel中Kafka的使用详解
2021/03/24 PHP
大学在校生求职信范文
2013/11/21 职场文书
旅游管理专业生自荐信范文
2014/01/02 职场文书
大学生职业生涯设计书
2014/01/02 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
护理专业自荐书
2014/06/04 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
医德医风学习心得体会
2016/01/25 职场文书
CSS作用域(样式分割)的使用汇总
2021/11/07 HTML / CSS