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 相关文章推荐
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
JS实现滚动条触底加载更多
Sep 19 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
Jul 18 Javascript
vue 项目引入echarts 添加点击事件操作
Sep 09 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 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
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
详解WordPress开发中用于获取分类及子页面的函数用法
2016/01/08 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
Three.js源码阅读笔记(物体是如何组织的)
2012/12/27 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
Python3.5 创建文件的简单实例
2018/04/26 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
HTML5中的新元素介绍
2008/10/17 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
高中数学教师求职信
2013/10/30 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
融资租赁计划书
2014/04/29 职场文书
三方股份合作协议书
2014/10/13 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
银行员工考核评语
2014/12/31 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
python可视化大屏库big_screen示例详解
2021/11/23 Python