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学习笔记(四) Number 数字类型
Jun 19 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
图解JavaScript中的this关键字
May 28 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
jQuery创建折叠式菜单
Jun 15 jQuery
Vue Element校验validate的实例
Sep 21 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
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文件下载类
2006/12/06 PHP
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
Node调用Java的示例代码
2017/09/20 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
[01:30]2016国际邀请赛中国区预选赛神秘商店火爆开启
2016/06/26 DOTA
Python三级目录展示的实现方法
2016/09/28 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python调用java的jar包方法
2018/12/15 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
anaconda3安装及jupyter环境配置全教程
2020/08/24 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
python绘图模块之利用turtle画图
2021/02/12 Python
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
求职简历中的自我评价分享
2013/12/08 职场文书
公司回复函格式
2015/07/14 职场文书