首先我们来了解一下下面这些知识:
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> 标签之前的任意位置。注意js文件的路径哦!
本篇分享的就是利用jquery实现点击文字或者图片隐藏指定div层。
代码只需要一行即可:
<script>$(".close").click(function(){$(".subsurface").toggle();});</script> |
举一反三:代码中.close为你文字或者图片的class,.subsurface为你需要隐藏的div层class。