1-1 课程简介
jQuery前端框架教程
讲师:何亮
95 小节 已有 54401 人学过 2020.3.8 推出
jQuery是一个快速、简洁的JavaScript框架,是一个优秀的JavaScript代码库。jQuery设计的宗旨是倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,具有高效灵活的css选择器,并且可对CSS选择器进行扩展,优化HTML文档操作、事件处理、动画设计和Ajax交互。
  • 第一章:课程准备
  • 1-1 课程简介
  • 1-2 jQuery简介
  • 1-3 工具下载安装调试
  • 1-4 jQuery版本选择及下载
  • 1-5 jQuery高效选择器
  • 1-6 jQuery链式语法
  • 1-7 jQuery和js代码混用
  • 1-8 DOM对象和jQuery对象
  • 第二章:选择器和筛选
  • 2-1 ID选择器
  • 2-2 标签,通用,类选择器
  • 2-3 ID选择器实现原理
  • 2-4 多种选择器实现原理
  • 2-5 后代,并集,交集选择器
  • 2-6 兄弟及父子选择器
  • 2-7 序列选择器
  • 2-8 索引选择器
  • 2-9 属性选择器
  • 2-10 过滤选择器
  • 2-11 可见状态选择器
  • 2-12 筛选表达式匹配的元素
  • 2-13 移除表达式匹配的元素
  • 2-14 筛选子元素及后代元素
  • 2-15 筛选父元素及祖先元素
  • 2-16 筛选兄弟元素
  • 第三章:常用事件
  • 3-1 鼠标点击事件
  • 3-2 鼠标移动事件
  • 3-3 事件监听
  • 3-4 绑定不同事件,执行不同函数
  • 3-5 移除事件
  • 3-6 触摸事件
  • 3-7 键盘事件
  • 3-8 指定按键触发事件
  • 3-9 获得焦点和失去焦点事件
  • 3-10 文本改变和提交表单事件
  • 3-11 文档窗口事件
  • 第四章:操作元素及属性
  • 4-1 获取和设置元素内容
  • 4-2 获取和设置元素文本
  • 4-3 获取和设置元素属性
  • 4-4 删除元素属性及类名
  • 4-5 添加和切换元素类名
  • 4-6 获取和设置元素value值
  • 4-7 获取索引及元素遍历
  • 4-8 单选框复选框专用选择方法
  • 4-9 获取单选框value及操作选中状态
  • 4-10 获取复选框value及操作选中状态
  • 4-11 获取和设置css样式
  • 4-12 获取和设置元素宽高
  • 4-13 获取元素在当前视口的偏移量
  • 4-14 获取元素在父元素中的偏移量
  • 4-15 获取鼠标相对于当前视口的位置
  • 4-16 获取鼠标相对于元素的位置
  • 4-17 获取滚动条的位置
  • 4-18 滚动条下滑元素显隐
  • 4-19 文档处理-追加
  • 4-20 文档处理-插入
  • 4-21 文档处理-复制和删除
  • 4-22 文档处理-替换
  • 4-23 文档处理-包裹
  • 第五章:jQuery效果
  • 5-1 元素显隐效果可选参数
  • 5-2 元素显隐自动切换
  • 5-3 元素滑动显隐效果
  • 5-4 元素淡入淡出效果
  • 5-5 调整到指定不透明度
  • 5-6 自定义动画
  • 5-7 动画效果
  • 5-8 动画效果插件
  • 5-9 停止运行的动画
  • 5-10 延时执行动画
  • 第六章:jQuery Ajax
  • 6-1 jQuery ajax简介
  • 6-2 本地服务器环境安装调试
  • 6-3 前端与服务器通信调试
  • 6-4 $.ajax()请求代码格式
  • 6-5 发送请求并返回数据
  • 6-6 数据验证并加载到页面
  • 6-7 热门推荐区块布局
  • 6-8 发送请求返回数据
  • 6-9 向页面加载数据
  • 6-10 异步加载模拟选项卡效果
  • 第七章:jQuery实战
  • 7-1 纵向无缝滚动原理
  • 7-2 纵向无缝滚动效果实现
  • 7-3 纵向无缝滚动效果优化
  • 7-4 网站公告纵向滚动效果
  • 7-5 横向无缝滚动原理
  • 7-6 幻灯片横向滚动效果
  • 7-7 热门职业区块结构和样式
  • 7-8 热门职业区块自动切换1
  • 7-9 热门职业区块自动切换2
  • 7-10 热门职业区块点击切换
  • 7-11 幻灯片实现原理及结构
  • 7-12 幻灯片区块样式设置1
  • 7-13 幻灯片区块样式设置2
  • 7-14 幻灯片自动播放效果
  • 7-15 背景及小圆点自动切换效果
  • 7-16 点击小圆点切换效果
  • 7-17 点击左右耳朵切换效果

何亮

WEB开发资深讲师

TA的课程
教程商城
购买 电脑下载版光盘版 课程
购买
相关教程推荐
menu home publish search App