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 cookies实现简单统计访问次数
Nov 24 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
js判断元素是否隐藏的方法
Jun 09 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
Mar 09 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
js常用正则表达式集锦
May 17 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
在antd Form表单中select设置初始值操作
Nov 02 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函数代码
2010/04/22 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP接收App端发送文件流的方法
2016/09/23 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
[02:25]DOTA2英雄基础教程 虚空假面
2014/01/02 DOTA
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
Python递归函数特点及原理解析
2020/03/04 Python
python连接mysql有哪些方法
2020/06/24 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
2021/02/26 Python
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
暂住证明怎么写
2015/06/19 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
php双向队列实例讲解
2021/11/17 PHP