jQuery使用hide方法隐藏指定元素class样式用法实例

更新时间：2015年03月30日 10:58:16 作者：重负在身

这篇文章主要介绍了jQuery使用hide方法隐藏指定元素class样式,实例分析了jQuery中hide隐藏class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

基于jQuery和CSS3制作响应式水平时间轴附源码下载
我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴
2015-12-12
npm 安装jquery及使用教程
本文将介绍如何使用npm安装和使用jQuery,帮助读者解决相关问题,并提供示例代码,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-11-11
jQuery实现带滚动导航效果的全屏滚动相册实例
这篇文章主要介绍了jQuery实现带滚动导航效果的全屏滚动相册,涉及jQuery针对页面图片元素与鼠标事件的相关操作技巧,需要的朋友可以参考下
2015-06-06
jQuery插件DataTable使用方法详解(.Net平台)
这篇文章主要为大家详细介绍了jQuery插件DataTable使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
鼠标经过出现气泡框的简单实例
下面小编就为大家带来一篇鼠标经过出现气泡框的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-03-03
jquery实现的伪分页效果代码
这篇文章主要介绍了jquery实现的伪分页效果代码,涉及jQuery页面元素操作与数值计算的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
jQuery点击输入框显示验证码图片
这篇文章主要为大家详细介绍了jQuery点击输入框显示验证码图片，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
jquery触发a标签跳转事件示例代码
本文为大家详细介绍下如何使用jquery触发a标签的跳转事件，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
jQuery绑定事件-多种实现方式总结
下面小编就为大家带来一篇jQuery绑定事件-多种实现方式总结。小编觉得挺不错的，现在分享给大家，也给大家做个参考
2016-05-05
使用jquery获取url以及jquery获取url参数的实现方法
下面小编就为大家带来一篇使用jquery获取url以及jquery获取url参数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05