课程简介和目标
为什么使用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 响应式,移动端优先