前端学习(三)-jQuery函数库

前言

上篇文章：前端学习(二)-士兵行走案例
在上章我们通过js自带的功能实现了一个简单的士兵行走的动画，本章将引入函数库jQuery，使我们前端开发变得更加快捷和高效。

jQuery函数库

jQuery是一个javascript库，里面封装了大量的函数和对象供开发者使用，使开发者开发变得简单、高效。
jQuery API中文文档：http://jquery.cuishifeng.cn/

对象

jQuery对象用$表示，jQuery基于js，额外提供了丰富的选择器，如":first"、":last"、“even”、“odd”、“gt()”、"lt()"等。

操作标签文本

通过html()操作非表单元素的文本内容。
通过val()操作表单元素的文本内容。

特效函数

jQuery还提供了一些特效函数供开发者使用。

• slideUp()：收起标签。
• slideDown()：展开标签。
• fadeOut()：淡出。
• fadeIn()：淡入。

动画

jQuery提供了一个动画函数animate，我们常见轮播图等都可以通过该函数实现，接下来的实践中，我们会大量用到该函数。

jQueryUI

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。该插件封装好了一些成熟的组件，开发者可直接调用，省去了重复造轮子的功能。
官网中有详细的功能介绍和使用方法。
jQuery UI官网：https://jqueryui.com/

总结

jQuery提供了非常多强大的功能，本文中只是冰山一角，大家如果想要深入了解，可以自行前往官网或者w3c网站学习，接下来我们将使用jQuery来完成几个小案例的开发，只有真正做出来的东西才是自己的。
下篇传送门：前端学习(四)-轮播图案例