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 相关文章推荐
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
Nov 14 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
解决vue点击控制单个样式的问题
Sep 05 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 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中ADODB类详解
2008/03/25 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
在Python中COM口的调用方法
2019/07/03 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
PyQt5如何将.ui文件转换为.py文件的实例代码
2020/05/26 Python
应届生.NET方向面试题
2015/05/23 面试题
班组长工作职责
2013/12/25 职场文书
十佳教师事迹材料
2014/01/11 职场文书
创新比赛获奖感言
2014/02/13 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
合作经营协议书范本
2014/04/17 职场文书
教师三严三实心得体会
2014/10/11 职场文书
党员民主生活会材料
2014/12/15 职场文书
在人间读书笔记
2015/06/30 职场文书
运动会800米赞词
2015/07/22 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
springboot用户数据修改的详细实现
2022/04/06 Java/Android