从零开始掌握jQuery
2017-06-29 本文已影响248人
蓝桥云课
jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。
基本上只要涉及前端的项目,都会或多或少涉及到jquery的应用,这里整理了5个教程,1个基础入门教程,4个实战项目教程,希望对前端学习者有所帮助。
基础教程:【jQuery基础入门 】
这是jQuery基础入门教程,课程总共10节,带你入门学习jQuery。
课程列表:
- 认识jQuery
- jQuery选择器
- 管理jQuery包装集
- 使用jQuery操作元素的属性与样式
- jQuery的事件与事件对象
- Ajax
- jQuery动画
- JQuery工具函数
- jQuery UI常用功能实战
- 实战表单验证与自动完成提示插件
实战项目一:【基于 jQuery 实现图片轮播】
轮播图是在各大网站中经常见到的图片展示形式,该项目基于 HTML+CSS+JavaScript+jQuery 实现图片轮播,这是一个很容易上手的前端入门练习项目。
效果图:

实战项目二:【jQuery在购物车的使用】
该项目使用 jQuery 实现在购物车中添加删除商品,合计商品总价的功能。通过项目的学习,可以熟练操作 jQuery 实现更多的功能。
效果图:

实战项目三: 【 jQuery加载瀑布流】
该项目基于 jQuery 实现近几年很流行的瀑布流图片无限加载,另外学到如何模拟后台提供 JSON 格式数据。
效果图:

实战项目四:【网页版2048】
该项目基于 HTML+CSS+JS+jQuery 实验网页版 2048,你能学到 Web 应用程序的开发流程,从布局,初始化到编写游戏逻辑,以及如何让应用在移动端自适应以应对各种大小的屏幕。
效果图:

最后:
以上5个教程,相信可以带你对jquery有一定了解以及学会应用,如果你还想深入学习jquery以及前端知识,点击下面的链接进行学习吧;