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 相关文章推荐
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
Dec 27 Javascript
js导出txt示例代码
Jan 14 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
PHP编写的图片验证码类文件分享
2016/06/06 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
div层的移动及性能优化
2010/11/16 Javascript
DIV+CSS+JS不间断横向滚动实现代码
2013/03/19 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
jquery 为a标签绑定click事件示例代码
2014/06/23 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
Angular4学习笔记之准备和环境搭建项目
2017/08/01 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
Python算法应用实战之栈详解
2017/02/04 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
python僵尸进程产生的原因
2017/07/21 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
加入学生会演讲稿
2014/04/24 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
警示教育片观后感
2015/06/17 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers