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 相关文章推荐
jQuery html()等方法介绍
Nov 18 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
JS严格模式原理与用法实例分析
Apr 27 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
jquery表单验证使用插件formValidator
2012/11/10 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
js实现数组转换成json
2015/06/26 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
浅析jQuery Ajax通用js封装
2016/06/22 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
Webpack实战加载SVG的方法
2017/12/26 Javascript
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
2018/07/19 Javascript
详解微信小程序动画Animation执行过程
2020/09/23 Javascript
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
python实现每次处理一个字符的三种方法
2014/10/09 Python
Django验证码的生成与使用示例
2017/05/20 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Pytorch中.new()的作用详解
2020/02/18 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
为什么需要版本控制?
2013/08/08 面试题
应届生体育教师自荐信
2013/10/03 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
洗手间标语
2014/06/23 职场文书
反四风对照检查材料思想汇报
2014/09/16 职场文书
放弃继承权公证书
2015/01/23 职场文书
使用refresh_token实现无感刷新页面
2022/04/26 Javascript