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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
Feb 19 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
详解React服务端渲染从入门到精通
Mar 28 Javascript
vue实现记事本功能
Jun 26 Javascript
js最全的数组的降维5种办法(小结)
Apr 28 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
PHP中的cookie
2006/11/26 PHP
PHP 函数语法介绍一
2009/06/14 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
js淡入淡出的图片轮播效果代码分享
2015/08/24 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
ES6中字符串的使用方法扩展
2019/06/04 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
微信小程序嵌入腾讯视频源过程详解
2019/08/08 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
python操作redis方法总结
2018/06/06 Python
Python如何实现转换URL详解
2019/07/02 Python
python 命令行传入参数实现解析
2019/08/30 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
python datetime处理时间小结
2020/04/16 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
如何将字串String转换成整数int
2015/02/21 面试题
2019年Java面试必问之经典试题
2012/09/12 面试题
法制工作总结2015
2015/07/23 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL