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代码
Jan 01 Javascript
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
javascript 框架小结 个人工作经验
Jun 13 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
JavaScript模块随意拖动示例代码
May 27 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
帮你提高开发效率的JavaScript20个技巧
Jun 18 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
笑谈配置,使用Smarty技术
2007/01/04 PHP
php5.2时间相差8小时
2007/01/15 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
JavaScript和CSS通过expression实现Table居中显示
2013/06/28 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
详解微信第三方小程序代开发
2017/06/23 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
react基本安装与测试示例
2020/04/27 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
Python 模拟登陆的两种实现方法
2017/08/10 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
全球工业:Global Industrial
2020/02/01 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
师范大学应届生求职信
2013/11/21 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
个人整改方案范文
2014/10/25 职场文书
大学生团日活动总结
2015/05/06 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
python 机器学习的标准化、归一化、正则化、离散化和白化
2021/04/16 Python
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android
图文详解Nginx版本平滑升级方案
2021/09/15 Servers