从零开始掌握jQuery

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 实现图片轮播,这是一个很容易上手的前端入门练习项目。

效果图:

image.png

实战项目二:【jQuery在购物车的使用】

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

效果图:

从零开始掌握jQuery_第1张图片
image.png

实战项目三: 【 jQuery加载瀑布流】

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

效果图:

image.png

实战项目四:【网页版2048】

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

效果图:

最后:

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

  • 想要查看更多前端实战教程,点击前端实战项目教程即可~;
  • 如果想要完整的学习前端,可以点击【前端学习路径】按照路径引导学习~

你可能感兴趣的:(从零开始掌握jQuery)