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 相关文章推荐
javascript 定义新对象方法
Feb 20 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
Javascript中的return作用及javascript return关键字用法详解
Nov 05 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
Vue监听一个数组id是否与另一个数组id相同的方法
Sep 26 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 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 magic quotes的详解
2013/06/17 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
Laravel5.5 动态切换多语言的操作方式
2019/10/25 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
PHP7 弃用功能
2021/03/09 PHP
获取中文字符串的实际长度代码
2014/06/05 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
python实现log日志的示例代码
2018/04/28 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
Django 大文件下载实现过程解析
2019/08/01 Python
Python tkinter和exe打包的方法
2020/02/05 Python
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
写求职信有什么意义
2014/02/17 职场文书
聚美优品的广告词
2014/03/14 职场文书
总经理任命书
2014/03/29 职场文书
节约粮食标语
2014/06/18 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
计算机实训心得体会
2016/01/14 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android