jQuery 好用的丰富JS函数库

课程简介和目标

为什么使用jQuery?

使用原生JavaScript编码存在问题

​ 1选择器功能弱

​ 2 DOM操作繁琐之极

​ 3浏览器兼容性不好

​ 4动画功能弱

jQuery的优点

​ 1强大的选择器

​ 2出色的DOM封装

​ 3出色的浏览器兼容性

​ 4强大的动画功能

​ 5体积小，压缩后只有100KB左右

​ 6可靠的事件处理机制

​ 7使用隐式迭代简化编程

​ 8丰富的插件支持

jQuery简介

目前最流行的JavaScript函数库之一，对JavaScript进行了封装。并不是一门新语言。将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做，但使用jQuery能大幅提高开发效率,由美国人John Resig在2006年推出，目前最新版本是v3.5.1。宗旨：Write less，do more（写更少代码，做更多事情）。官方网址http://jquery.com/

jQuery版本

1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了

2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，

3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。

jQuery下载

jQuery中文网http://www.jq22.com/和官方网址http://jquery.com/ 都可以提供下载

 

本阶段目标

• 了解jQuery及版本特征,能够在页面上引入jQuery
• 熟练掌握jQuery三大选择器及了解其他选择器
• 使用jQuery替换原生JS的DOM编程
• 熟练使用jQuery完成表单校验操作
• 了解BootStrap框架

 

课程大纲

• 第一章 jQuery的介绍和使用

  • jQuery简介
  • jQuery的下载和引入

• 第二章 jQuery选择器的使用

  • 基本选择器
  • 属性选择器
  • 位置选择器
  • 表单选择器

• 第三章 jQuery替代Js实现DOM编程

  • jQuery操作属性和样式
  • jQuery操作文本和增删元素
  • jQuery绑定和触发事件
  • jQuery和原生DOM对象转换
  • jQuery迭代遍历方式

• 第四章 了解jQuery的动画

  • 显示和隐藏
  • 滑动和淡入淡出

• 第五章 重点操作form表单校验

  • 使用jQuery对表单校验
  • 使用正则表达式
  • 表单校验案例开发及完善

• 第六章 BootStrap入门

  • BootStrap简介
  • BootStrap项目搭建
  • 流容器和固定容器
  • 栅格系统的使用
  • 导航栏案例开发
  • 轮播图案例开发

jQuery动画

jQuery 表单验证

 

轮播图

![轮播图]

 

BootStrap 响应式,移动端优先