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的动态添加控件并取值的实现代码
Sep 24 Javascript
JS在textarea光标处插入文本的小例子
Mar 22 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
JavaScript对象参数的引用传递
Jan 14 Javascript
javascript实现标签切换代码示例
May 22 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
JS实现进度条动态加载特效
Mar 25 Javascript
JS实现页面侧边栏效果探究
Jan 08 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实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
Laravel find in set排序实例
2019/10/09 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
分享Javascript实用方法二
2015/12/13 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
bootstrap模态框示例代码分享
2017/05/17 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
Python中turtle库的使用实例
2019/09/09 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
python3中rank函数的用法
2019/11/27 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
毕业生的自我评价范文
2013/12/31 职场文书
中学生演讲稿
2014/04/26 职场文书
建筑安全责任书范本
2014/07/24 职场文书
中小企业员工手册范本
2015/05/14 职场文书
股东出资协议书
2016/03/21 职场文书
Vue和Flask通信的实现
2021/05/19 Vue.js
pandas中对文本类型数据的处理小结
2021/11/01 Python