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 相关文章推荐
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
简单的js计算器实现
Oct 26 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
js实现获取鼠标当前的位置
Dec 14 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 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实现QQ登录的开原理和实现过程
2018/02/04 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Python 必须了解的5种高级特征
2020/09/10 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
学生党员的自我评价范文
2014/03/01 职场文书
三项教育活动实施方案
2014/03/30 职场文书
《荷花》教学反思
2014/04/16 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
物流管理专业自荐信
2014/06/23 职场文书
银行授权委托书格式
2014/10/10 职场文书
经费申请报告
2015/05/15 职场文书
担保书范文
2019/07/09 职场文书