jQuery技术由于语法简练、兼容主流内核浏览器、可扩展性好等原因已成为前端开发工程师的一项必备技能。本教程的内容基于jQuery*新版本3.2.1,包括Web前端的代码规范和页面的主流布局设计、jQuery选择器、jQuery操作DOM、jQuery事件处理、jQuery动画、jQuery插件开发、jQuery Ajax和jQuery Mobile框架等。 本教程的每个小节知识点都配有案例代码,着重于讲解如何使用jQuery的知识点以及在使用中的注意事项。教程中还设计了综合性的、具有真实应用背景“任务”,需要使用HTML、CSS和JS/jQuery进行综合编程,读者完成任务过程中进行的技能训练与前端开发岗位要求的技术能力高度一致。任务复杂度适合在课堂授课一般时长范围内完成。 本教程适合以下读者群:高职高专院校、应用型本科院校在校大学生;IT培训机构学员;Web前端开发工程师;Web后台开发工程师;网站开发爱好者。
冯艳玲,女,博士研究生,2009.3-今 深圳信息职业技术学院 软件学院担任专职教师,获得过IPv6网络系统 中国人民解放军科学技术进步二等奖
目 录第1章 jQuery简介 - 1 -1.1 jQuery开发基础知识 - 1 -1.1.1 HTML - 1 -1.1.2 CSS - 2 -1.1.3 JavaScript - 4 -1.1.4 浏览器工作原理 - 5 -1.1.5 开发软件 - 7 -1.1.6 调试环境 - 17 -任务1.1 成绩单 - 20 -任务1.2 轮播器与选项卡 - 24 -1.2 jQuery的特点 - 29 -1.3 jQuery引用方式 - 30 -1.4 jQuery编程第一步 - 31 -任务1.3 编写第一个jQuery程序――jQuery Hello World - 31 -第2章 jQuery选择器 - 36 -2.1 jQuery基本选择器 - 37 -2.1.1 jQuery id选择器 - 37 -2.1.2 jQuery元素选择器 - 38 -2.1.3 jQuery类选择器 - 39 -2.1.4 jQuery多重选择器 - 39 -2.1.5 jQuery *选择器 - 40 -2.1.6 jQuery对象和DOM对象相互转换 - 41 -任务2.1 ?jQuery改写任务1.2 - 44 -2.2 jQuery 层次选择器 - 46 -2.2.1 jQuery后代选择器 - 46 -2.2.2 jQuery父子选择器 - 47 -2.2.3 jQuery相邻选择器 - 48 -2.2.4 jQuery兄弟选择器 - 49 -任务2.2 jQuery改写任务1.1 - 50 -2.3 jQuery过滤选择器 - 51 -2.3.1 jQuery基本过滤选择器 - 51 -任务2.3 采用jQuery基本过滤器改写“成绩单”任务 - 54 -2.3.2 jQuery内容过滤选择器 - 55 -任务2.4 使用内容过滤器改写“成绩单”任务 - 57 -2.3.3 jQuery可见性过滤选择器 - 58 -2.4 jQuery属性选择器 - 59 -2.5 jQuery选择器的context参数 - 61 -第3章 jQuery操作DOM - 63 -3.1 读取和设置HTML元素 - 63 -3.1.1 获取和设置元素的HTML内容 - 63 -3.1.2 获取和设置元素的文本内容 - 64 -3.1.3 获取和设置元素的标签属性的值 - 66 -3.1.4 获取和设置元素的DOM属性的值 - 68 -任务3.1 实现移动端登录页面 - 70 -3.2 向HTML元素添加内容 - 72 -3.2.1 在元素的开头添加内容 - 72 -3.2.2 将元素添加到指定元素的开头 - 73 -3.2.3 在元素的结尾添加内容 - 74 -3.2.4 将元素添加到指定元素的结尾 - 75 -3.2.5 在元素之前添加内容 - 76 -3.2.6 将元素添加到指定元素之前 - 77 -3.2.7 在元素之后添加内容 - 77 -3.2.8 将元素添加到指定元素之后 - 79 -3.2.9 为元素添加包裹元素 - 79 -任务3.2 实现PC端登录页 - 80 -3.3 删除HTML元素及其属性 - 85 -3.3.1 删除元素及其子元素 - 85 -3.3.2 删除元素的子元素 - 86 -3.3.3 从被选元素中删除属性 - 87 -3.3.4 从DOM中移除元素集合 - 89 -3.3.5 删除包裹元素 - 90 -任务3.3 ?PC端登录页的改进 - 91 -3.4 复制和替换HTML元素 - 92 -3.4.1 复制元素 - 92 -3.4.2 替换元素 - 93 -3.5 遍历HTML元素 - 94 -3.5.1 向上遍历 DOM 树 - 94 -3.5.2 向下遍历DOM树 - 95 -3.5.3 水平遍历DOM树 - 96 -3.5.4 过滤函数 - 99 -3.5.5 其他遍历函数 - 100 -任务3.4 PC端用户页的改进 - 102 -任务3.5 “成绩单”任务的改进 - 104 -3.6 jQuery操作DOM样式 - 106 -3.6.1 类操作 - 106 -3.6.2 属性操作 - 109 -任务3.6 PC端用户页的持续改进 - 113 -第4章 jQuery事件处理 - 115 -4.1 事件处理机制 - 115 -4.1.1 事件传递机制 - 115 -4.1.2 event对象 - 115 -4.2 jQuery事件管理 - 117 -4.2.1 jQuery事件处理机制 - 117 -4.2.2 jQuery事件管理函数 - 117 -任务4.1 轮播器、选项卡的改进 - 123 -任务4.2 实现“主要课程”页 - 126 -4.3 jQuery事件处理函数 - 129 -4.3.1 jQuery鼠标事件处理函数 - 129 -4.3.2 jQuery键盘事件处理函数 - 132 -4.3.3 jQuery其他事件处理函数 - 134 -任务4.3 “主要课程”页的改进 - 135 -第5章 jQuery表单编程 - 138 -5.1 表单选择器 - 138 -5.2 jQuery获取和设置表单控件的值 - 141 -5.3 表单事件处理 - 142 -任务5.1 “主要课程”页的持续改进 - 145 -第6章 jQuery动画效果 - 150 -6.1 显示和隐藏 - 150 -任务6.1 二级导航菜单的显示与隐藏 - 153 -6.2 滑动 - 154 -任务6.2 可折叠块动画制作 - 156 -6.3 淡入淡出 - 158 -6.4 自定义动画 - 159 -任务6.3 全屏banner动画制作 - 166 -第7章 jQuery插件 - 169 -7.1 jQuery插件的使用 - 169 -7.1.1 表格插件Datatables - 169 -7.1.2 图表插件jqplot和sparkline - 171 -7.1.3 轮播器插件slideBox - 175 -7.2 jQuery插件开发 - 176 -7.2.1 jQuery.extend()函数 - 177 -7.2.2 全局插件 - 178 -任务7.1 编写全局插件实现网页加载动画 - 180 -7.2.3 对象级插件 - 183 -任务7.2 将注册页用户输入检查改写为对象级插件 - 185 -第8章 jQuery与Ajax - 191 -8.1 XMLHttpRequest对象 - 191 -8.1.1 XMLHttpRequest对象的属性 - 191 -8.1.2 XMLHttpRequest对象的方法 - 192 -任务8.1 用户注册重名检查 - 195 -8.2 jQuery对Ajax技术的支持 - 199 -8.2.1 底层接口 - 200 -8.2.2 快捷函数 - 203 -8.2.3 辅助函数 - 204 -8.2.4 全局事件函数 - 204 -任务8.2 基于Ajax的查询与删除 - 206 -第9章 jQuery Mobile - 215 -9.1 jQuery Mobile简介 - 215 -9.2 jQuery Mobile页面 - 216 -9.2.1 页面结构 - 216 -9.2.2 组件定位 - 218 -9.2.3 页面切换 - 219 -9.3 jQuery Mobile功能组件 - 222 -9.3.1 超链按钮 - 222 -9.3.2 弹窗 - 224 -9.3.3 面板 - 226 -9.3.4 可折叠块 - 229 -9.3.5 选项卡 - 230 -9.3.6 表格 - 232 -9.3.7 列表 - 234 -9.3.8 表单 - 237 -9.4 jQuery Mobile CSS 框架 - 240 -9.4.1 外观样式类 - 240 -9.4.2 主题定制 - 244 -9.4.3 网格类 - 247 -任务9.1 基于jQuery Mobile的网上书店 - 248 -参考文献 - 259 -
京点书院 价格 广告投放渠道 广告热搜 广告投放平台 知识库 b站广告投放 企业广告投放 网站地图 图片 排行榜 信息流广告 app广告投放 媒体投放 抖音广告 快手广告投放 微信广告推广 线下广告投放 新款 电商培训 免费在线办公 直播推广 广告创意 广告投放 京东智联云 站外推广 微信广告投放 爱奇艺广告投放 微信广告怎么推广 关键词
jQuery技术由于语法简练、兼容主流内核浏览器、可扩展性好等原因已成为前端开发工程师的一项必备技能。本教程的内容基于jQuery*新版本3.2.1,包括Web前端的代码规范和页面的主流布局设计、jQuery选择器、jQuery操作DOM、jQuery事件处理、jQuery动画、jQuery插件开发、jQuery Ajax和jQuery Mobile框架等。 本教程的每个小节知识点都配有案例代码,着重于讲解如何使用jQuery的知识点以及在使用中的注意事项。教程中还设计了综合性的、具有真实应用背景“任务”,需要使用HTML、CSS和JS/jQuery进行综合编程,读者完成任务过程中进行的技能训练与前端开发岗位要求的技术能力高度一致。任务复杂度适合在课堂授课一般时长范围内完成。 本教程适合以下读者群:高职高专院校、应用型本科院校在校大学生;IT培训机构学员;Web前端开发工程师;Web后台开发工程师;网站开发爱好者。
冯艳玲,女,博士研究生,2009.3-今 深圳信息职业技术学院 软件学院担任专职教师,获得过IPv6网络系统 中国人民解放军科学技术进步二等奖
目 录
第1章 jQuery简介 - 1 -
1.1 jQuery开发基础知识 - 1 -
1.1.1 HTML - 1 -
1.1.2 CSS - 2 -
1.1.3 JavaScript - 4 -
1.1.4 浏览器工作原理 - 5 -
1.1.5 开发软件 - 7 -
1.1.6 调试环境 - 17 -
任务1.1 成绩单 - 20 -
任务1.2 轮播器与选项卡 - 24 -
1.2 jQuery的特点 - 29 -
1.3 jQuery引用方式 - 30 -
1.4 jQuery编程第一步 - 31 -
任务1.3 编写第一个jQuery程序――jQuery Hello World - 31 -
第2章 jQuery选择器 - 36 -
2.1 jQuery基本选择器 - 37 -
2.1.1 jQuery id选择器 - 37 -
2.1.2 jQuery元素选择器 - 38 -
2.1.3 jQuery类选择器 - 39 -
2.1.4 jQuery多重选择器 - 39 -
2.1.5 jQuery *选择器 - 40 -
2.1.6 jQuery对象和DOM对象相互转换 - 41 -
任务2.1 ?jQuery改写任务1.2 - 44 -
2.2 jQuery 层次选择器 - 46 -
2.2.1 jQuery后代选择器 - 46 -
2.2.2 jQuery父子选择器 - 47 -
2.2.3 jQuery相邻选择器 - 48 -
2.2.4 jQuery兄弟选择器 - 49 -
任务2.2 jQuery改写任务1.1 - 50 -
2.3 jQuery过滤选择器 - 51 -
2.3.1 jQuery基本过滤选择器 - 51 -
任务2.3 采用jQuery基本过滤器改写“成绩单”任务 - 54 -
2.3.2 jQuery内容过滤选择器 - 55 -
任务2.4 使用内容过滤器改写“成绩单”任务 - 57 -
2.3.3 jQuery可见性过滤选择器 - 58 -
2.4 jQuery属性选择器 - 59 -
2.5 jQuery选择器的context参数 - 61 -
第3章 jQuery操作DOM - 63 -
3.1 读取和设置HTML元素 - 63 -
3.1.1 获取和设置元素的HTML内容 - 63 -
3.1.2 获取和设置元素的文本内容 - 64 -
3.1.3 获取和设置元素的标签属性的值 - 66 -
3.1.4 获取和设置元素的DOM属性的值 - 68 -
任务3.1 实现移动端登录页面 - 70 -
3.2 向HTML元素添加内容 - 72 -
3.2.1 在元素的开头添加内容 - 72 -
3.2.2 将元素添加到指定元素的开头 - 73 -
3.2.3 在元素的结尾添加内容 - 74 -
3.2.4 将元素添加到指定元素的结尾 - 75 -
3.2.5 在元素之前添加内容 - 76 -
3.2.6 将元素添加到指定元素之前 - 77 -
3.2.7 在元素之后添加内容 - 77 -
3.2.8 将元素添加到指定元素之后 - 79 -
3.2.9 为元素添加包裹元素 - 79 -
任务3.2 实现PC端登录页 - 80 -
3.3 删除HTML元素及其属性 - 85 -
3.3.1 删除元素及其子元素 - 85 -
3.3.2 删除元素的子元素 - 86 -
3.3.3 从被选元素中删除属性 - 87 -
3.3.4 从DOM中移除元素集合 - 89 -
3.3.5 删除包裹元素 - 90 -
任务3.3 ?PC端登录页的改进 - 91 -
3.4 复制和替换HTML元素 - 92 -
3.4.1 复制元素 - 92 -
3.4.2 替换元素 - 93 -
3.5 遍历HTML元素 - 94 -
3.5.1 向上遍历 DOM 树 - 94 -
3.5.2 向下遍历DOM树 - 95 -
3.5.3 水平遍历DOM树 - 96 -
3.5.4 过滤函数 - 99 -
3.5.5 其他遍历函数 - 100 -
任务3.4 PC端用户页的改进 - 102 -
任务3.5 “成绩单”任务的改进 - 104 -
3.6 jQuery操作DOM样式 - 106 -
3.6.1 类操作 - 106 -
3.6.2 属性操作 - 109 -
任务3.6 PC端用户页的持续改进 - 113 -
第4章 jQuery事件处理 - 115 -
4.1 事件处理机制 - 115 -
4.1.1 事件传递机制 - 115 -
4.1.2 event对象 - 115 -
4.2 jQuery事件管理 - 117 -
4.2.1 jQuery事件处理机制 - 117 -
4.2.2 jQuery事件管理函数 - 117 -
任务4.1 轮播器、选项卡的改进 - 123 -
任务4.2 实现“主要课程”页 - 126 -
4.3 jQuery事件处理函数 - 129 -
4.3.1 jQuery鼠标事件处理函数 - 129 -
4.3.2 jQuery键盘事件处理函数 - 132 -
4.3.3 jQuery其他事件处理函数 - 134 -
任务4.3 “主要课程”页的改进 - 135 -
第5章 jQuery表单编程 - 138 -
5.1 表单选择器 - 138 -
5.2 jQuery获取和设置表单控件的值 - 141 -
5.3 表单事件处理 - 142 -
任务5.1 “主要课程”页的持续改进 - 145 -
第6章 jQuery动画效果 - 150 -
6.1 显示和隐藏 - 150 -
任务6.1 二级导航菜单的显示与隐藏 - 153 -
6.2 滑动 - 154 -
任务6.2 可折叠块动画制作 - 156 -
6.3 淡入淡出 - 158 -
6.4 自定义动画 - 159 -
任务6.3 全屏banner动画制作 - 166 -
第7章 jQuery插件 - 169 -
7.1 jQuery插件的使用 - 169 -
7.1.1 表格插件Datatables - 169 -
7.1.2 图表插件jqplot和sparkline - 171 -
7.1.3 轮播器插件slideBox - 175 -
7.2 jQuery插件开发 - 176 -
7.2.1 jQuery.extend()函数 - 177 -
7.2.2 全局插件 - 178 -
任务7.1 编写全局插件实现网页加载动画 - 180 -
7.2.3 对象级插件 - 183 -
任务7.2 将注册页用户输入检查改写为对象级插件 - 185 -
第8章 jQuery与Ajax - 191 -
8.1 XMLHttpRequest对象 - 191 -
8.1.1 XMLHttpRequest对象的属性 - 191 -
8.1.2 XMLHttpRequest对象的方法 - 192 -
任务8.1 用户注册重名检查 - 195 -
8.2 jQuery对Ajax技术的支持 - 199 -
8.2.1 底层接口 - 200 -
8.2.2 快捷函数 - 203 -
8.2.3 辅助函数 - 204 -
8.2.4 全局事件函数 - 204 -
任务8.2 基于Ajax的查询与删除 - 206 -
第9章 jQuery Mobile - 215 -
9.1 jQuery Mobile简介 - 215 -
9.2 jQuery Mobile页面 - 216 -
9.2.1 页面结构 - 216 -
9.2.2 组件定位 - 218 -
9.2.3 页面切换 - 219 -
9.3 jQuery Mobile功能组件 - 222 -
9.3.1 超链按钮 - 222 -
9.3.2 弹窗 - 224 -
9.3.3 面板 - 226 -
9.3.4 可折叠块 - 229 -
9.3.5 选项卡 - 230 -
9.3.6 表格 - 232 -
9.3.7 列表 - 234 -
9.3.8 表单 - 237 -
9.4 jQuery Mobile CSS 框架 - 240 -
9.4.1 外观样式类 - 240 -
9.4.2 主题定制 - 244 -
9.4.3 网格类 - 247 -
任务9.1 基于jQuery Mobile的网上书店 - 248 -
参考文献 - 259 -