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 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
JS字符串处理实例代码
Aug 05 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
node.js中的fs.exists方法使用说明
Dec 17 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 Javascript
小程序实现录音功能
Sep 22 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 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
JpGraph php柱状图使用介绍
2011/08/23 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
php 启动时报错的简单解决方法
2014/01/27 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
PHP中通过fopen()函数访问远程文件示例
2014/11/18 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
golang实现php里的serialize()和unserialize()序列和反序列方法详解
2018/10/30 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
React Router基础使用
2017/01/17 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
支教自我鉴定
2014/01/18 职场文书
财务主管岗位职责
2014/02/28 职场文书
主管竞聘书范文
2014/03/31 职场文书
考博专家推荐信
2014/05/10 职场文书
学生安全承诺书
2014/05/22 职场文书