jQuery使用hide方法隐藏页面上指定元素的方法


Posted in Javascript onMarch 30, 2015

本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法。分享给大家供大家参考。具体如下:

下面的JS代码隐藏了网页中所有<p>标签的内容

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("p").hide();
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
HTML TO JavaScript 转换
Jun 26 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
javascript学习(二)javascript常见问题总结
Jan 02 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
Mar 18 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
VUE 3D轮播图封装实现方法
Jul 03 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 #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
You might like
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
一个PHP+MSSQL分页的例子
2006/10/09 PHP
php session 预定义数组
2009/03/16 PHP
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
php动态绑定变量的用法
2015/06/16 PHP
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
2020/04/20 Javascript
EsLint入门学习教程
2017/02/17 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
vue.js如何将echarts封装为组件一键使用详解
2017/10/10 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
python自动化测试实例解析
2014/09/28 Python
Python 常用string函数详解
2016/05/30 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
html5时钟实现代码
2010/10/22 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
歼十出击观后感
2015/06/11 职场文书
开业典礼致辞
2015/07/29 职场文书
2016七夕情人节感言
2015/12/09 职场文书