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 相关文章推荐
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
详解tween.js的使用教程
Sep 14 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 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
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
鼠标图片振动代码
2006/07/06 Javascript
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
2012/05/23 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
Python中二维列表如何获取子区域元素的组成
2017/01/19 Python
windows10下python3.5 pip3安装图文教程
2018/04/02 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
python opencv进行图像拼接
2020/03/27 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
应届生体育教师自荐信
2013/10/03 职场文书
客房主管岗位职责
2013/12/09 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
优秀研究生主要事迹
2014/06/03 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
java实现对Hadoop的操作
2021/07/01 Java/Android
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS