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 相关文章推荐
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 Javascript
javascript伸缩菜单栏实现代码分享
Nov 12 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
Angular5中状态管理的实现
Sep 03 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 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
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
php 启动报错如何解决
2014/01/17 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
jQuery动态加载css文件实现方法
2016/06/15 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
深入理解Angular4订阅(Subscribe)与取消
2017/11/22 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
Python中的数据对象持久化存储模块pickle的使用示例
2016/03/03 Python
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
python3 xpath和requests应用详解
2020/03/06 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
python 图像增强算法实现详解
2021/01/24 Python
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
EJB实例的生命周期
2016/10/28 面试题
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
出国留学导师推荐信
2015/03/26 职场文书
总账会计岗位职责
2015/04/02 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
《青山不老》教学反思
2016/02/22 职场文书
Django操作cookie的实现
2021/05/26 Python