让教学更简单,让学习更有效 项目六 jQuery对象 jQuery选择器 jQuery个人主页 DOM操作 事件处理 动画效果 jQuery插件
让IT教学更简单,让IT学习更有效 项目六 jQuery个人主页 • jQuery对象 • jQuery选择器 • DOM操作 • 事件处理 • 动画效果 • jQuery插件
让工教学更简单,让∏学习更有效 任务 jQuery快速入门 目录 任务二 个性相册 任务 焦点图切换 任务四瀑布流布局
让IT教学更简单,让IT学习更有效 目 录 任务一 任务二 任务三 任务四 jQuery快速入门 个性相册 焦点图切换 瀑布流布局
项目描述 让教学更简单,让∏学习更有效 jQuery是一个优秀的 JavaScript库,它简化 了HTML与 JavaScript之间的操作,使得DOM对 象、事件处理、动画效果、Ajax等操作的实现 jauer 语法更加简洁,同时显著提高了程序的开发效 率,消除很多跨浏览器的兼容问题。 接下来本项目将结合 jQuery完善个人主页 实现个性相册、焦点图特效以及瀑布流布局的 功能开发 9 起
项目描述 让IT教学更简单,让IT学习更有效 jQuery是一个优秀的JavaScript库,它简化 了HTML与JavaScript之间的操作,使得DOM对 象、事件处理、动画效果、Ajax等操作的实现 语法更加简洁,同时显著提高了程序的开发效 率,消除很多跨浏览器的兼容问题。 接下来本项目将结合jQuery完善个人主页 实现个性相册、焦点图特效以及瀑布流布局的 功能开发
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 了解什么是 jqUery,并将 jqUery引 入到个人主页中。 通过 jQuery选择器更改页面中元素 的内容和样式。 任务 通过 jQuery选择器为页面中的按钮 说明 添加事件。 在页面中添加加载事件,确定页面 中事件的加载顺序 回
任务一:jQuery快速入门 让IT教学更简单,让IT学习更有效 任 务 说 明 • 了解什么是jQuery,并将jQuery引 入到个人主页中。 • 通过jQuery选择器更改页面中元素 的内容和样式。 • 通过jQuery选择器为页面中的按钮 添加事件。 • 在页面中添加加载事件,确定页面 中事件的加载顺序
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery 2、获取 jQuery 3、使用 jQuery 4、 jQuery对象 引入知识点 5、 jQuery选择器 6、元素内容操作 9 起
让IT教学更简单,让IT学习更有效 引 入 知 识 点 任务一:jQuery快速入门 1、什么是jQuery 2、获取jQuery 3、使用jQuery 4、jQuery对象 5、jQuery选择器 6、元素内容操作
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery jQuery是一个开源的 Javascript类库,由 John Resig在2006年1月的纽约 BarCamp国际研讨会上首次发布,吸引了众多来自世界各地的 JavaScript 高手的加入,目前由 Dava Methvin带领团队进行开发。 回
任务一:jQuery快速入门 让IT教学更简单,让IT学习更有效 什么是jQuery jQuery是一个开源的JavaScript类库,由John Resig在2006年1月的纽约 BarCamp国际研讨会上首次发布,吸引了众多来自世界各地的JavaScript 高手的加入,目前由Dava Methvin带领团队进行开发
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery 随着Web技术的不断发展,相继诞生了许多优秀的 JavaScript库 常见的有: jQuery、 Prototype、 ExtJs、 Mootools和丫U等 回
任务一:jQuery快速入门 让IT教学更简单,让IT学习更有效 什么是jQuery 随着Web技术的不断发展,相继诞生了许多优秀的JavaScript库 常见的有:jQuery、Prototype、ExtJS、Mootools和YUI等
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery jQuery的核心理念 write less, do more (写的更少,做的更多) 回
任务一:jQuery快速入门 让IT教学更简单,让IT学习更有效 什么是jQuery write less, do more (写的更少,做的更多) jQuery的核心理念
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery Query6大不可忽视的特点: jQuery是一个轻量级的脚本,其代码非常小巧; 语法简洁易懂,学习速度快,文档丰富; 支持CSS1~CSS3定义的属性和选择器 跨浏览器,支持的浏览器包括旧60~:110和 FireFox、 Chrome等; ·实现了 JavaScript,脚本和HTML代码的分离,便于后期编辑和维护 插件丰富,可以通过插件扩展更多功能 9 起
任务一:jQuery快速入门 让IT教学更简单,让IT学习更有效 什么是jQuery • jQuery是一个轻量级的脚本,其代码非常小巧; • 语法简洁易懂,学习速度快,文档丰富; • 支持CSS1~CSS3定义的属性和选择器; • 跨浏览器,支持的浏览器包括IE6.0~IE11.0和FireFox、Chrome等; • 实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护; • 插件丰富,可以通过插件扩展更多功能。 jQuery 6大不可忽视的特点:
任务一: jQuery快速入门 让教学更简单,让∏学习更有效 什么是 jQuery 2、获取 jQuery 3、使用 jQuery 4、 jQuery对象 引入知识点 5、 jQuery选择器 6、元素内容操作 9 起
让IT教学更简单,让IT学习更有效 引 入 知 识 点 任务一:jQuery快速入门 1、什么是jQuery 2、获取jQuery 3、使用jQuery 4、jQuery对象 5、jQuery选择器 6、元素内容操作