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实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
Mar 21 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
javascript实现数独解法
Mar 14 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
详解AngularJS 路由 resolve用法
Apr 24 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
实例讲解JavaScript截取字符串
Nov 30 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
May 14 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
OpenLayers3实现图层控件功能
Sep 25 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
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
常用js脚本
2006/12/03 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
ES6中定义类和对象的方法示例
2019/07/31 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
python连接mysql并提交mysql事务示例
2014/03/05 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
Python之web模板应用
2017/12/26 Python
python sys,os,time模块的使用(包括时间格式的各种转换)
2018/04/27 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
python实现动态数组的示例代码
2019/07/15 Python
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
经济贸易系毕业生求职信
2014/05/31 职场文书
员工趣味活动方案
2014/08/27 职场文书
2014年路政工作总结
2014/12/10 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
创业计划书之农家乐
2019/10/09 职场文书