jQuery使用hide方法隐藏指定元素class样式用法实例


Posted in Javascript onMarch 30, 2015

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

下面的JS代码可以隐藏所有class属性等于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 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

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

Javascript 相关文章推荐
WordPress JQuery处理沙发头像
Jun 22 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
浅谈jQuery中的事件
Mar 23 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
前端性能优化及技巧
May 06 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
浅析Vue 防抖与节流的使用
Nov 14 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 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
浅谈类似于(function(){}).call()的js语句
Mar 30 #Javascript
You might like
mysql时区问题
2008/03/26 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
childNodes.length与children.length的区别
2009/05/14 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
JS中with的替代方法与String中的正则方法详解
2016/12/23 Javascript
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
python中装饰器级连的使用方法示例
2017/09/29 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
超简单的Python HTTP服务
2019/07/22 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
介绍一下UNIX启动过程
2013/11/14 面试题
生日宴会主持词
2014/03/20 职场文书
《歌唱二小放牛郎》教学反思
2014/04/19 职场文书
星级党支部申报材料
2014/05/31 职场文书
人力资源职位说明书
2014/07/29 职场文书
科技活动周标语
2014/10/08 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书