Jquery特效：点击文字或图片隐藏指定div

本Jquery 特效分类旨在分享学习 WordPress 过程中，一些常见的简单的 Jquery 特效，主要服务对象为零基础的 wordpress 初学者，如果你觉陌小雨分享的好，就默默地点个赞，如果你觉得陌小雨分享的很好，就高调的打个赏，你的赞、赏是对陌小雨最大的鼓励！

首先我们来了解一下下面这些知识：

1、什么是 jQuery ？

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

jQuery 库包含以下功能：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

提示： 除此之外，Jquery 还提供了大量的插件。

2、为什么使用 jQuery ？

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

很多大公司都在使用 jQuery， 例如:

• Google
• Microsoft
• IBM
• Netflix

3、jQuery 是否适用于所有浏览器

jQuery 团体知道 JS 在不同浏览器中存在着大量的兼容性问题，目前部分版本的 jQuery 兼容于所有主流浏览器, 包括 Internet Explorer 6!

4、如何使用 jQuery

可以通过下面的标记把 jQuery 添加到网页中：

<script type="text/javascript" src="jquery.js"></script>

请注意，<script> 标签应该位于页面的 </body> 标签之前的任意位置。

本篇分享的就是利用 jquery 实现点击文字或者图片隐藏指定 div 层。

代码只需要一行即可：

<script>$(".close").click(function(){ $(".subsurface").toggle(); });</script>

上述代码可以直接加入网页中，如果需要整合到 WordPRess 的 js 文件，请移步查看：Script 脚本文件转换 js 文件调用

效果：首页底部有个 X，点击后隐藏该 div

举一反三：代码中.close 为你文字或者图片的 class，.subsurface 为你需要隐藏的 div 层 class。