网页设计与制作 教学课件 ppt 作者 朱金华 第10章 jQuery
155页1、第10章 jQuery,教学目标,1. 理解jQuery的基本功能。 2. 掌握jQuery语法。 3. 掌握jQuery的基本选择器 4. 掌握jQuery对元素的访问方法,包括访问元素属性、访问元素内容、获取或设置元素值以及元素样式的操作方法。 5. 掌握节点的增删改查方法,包括如何创建、插入、复制、替换、包裹、遍历和删除节点的方法。、层次选择器、过滤选择器和表单选择器的使用方法。,教学目标,6. 掌握jQuery中的常用事件使用方法。 7. 掌握基本动画、滑动动画、淡入淡出动画的使用方法。 8. 自行熟悉自定义动画。 9. 掌握jQuery UI的交互性插件(拖动、放置、缩放、复选、排序)的使用方法。 10. 掌握jQuery微型插件(折叠面板、日历、对话框、进度条、滑动模块、标签页)的使用方法。,教学内容,1. jQuery概述(10.1) 2. jQuery选择器(10.2) 3. jQuery操作DOM(10.3) 4. jQuery中的事件(10.4) 5. jQuery动画与特效(10.5) 6. jQuery UI插件(10.6),教学重点和难点,重点:jQuery选
2、择器、对元素的操作、jQuery常用事 件的使用方法、 jQuery动画动画、jQuery UI 常用交互插件和微件的使用。 难点:区别jQuery选择器和CSS选择器、对元素的操作、 自定义动画、 jQuery UI微件复杂的参数使用。,教学目标,6. 掌握jQuery中的常用事件使用方法。 7. 掌握基本动画、滑动动画、淡入淡出动画的使用方法。 8. 自行熟悉自定义动画。 9. 掌握jQuery UI的交互性插件(拖动、放置、缩放、复选、排序)的使用方法。 10. 掌握jQuery微型插件(折叠面板、日历、对话框、进度条、滑动模块、标签页)的使用方法。,教学内容,1. jQuery概述(10.1) 2. jQuery选择器(10.2) 3. jQuery操作DOM(10.3) 4. jQuery中的事件(10.4) 5. jQuery动画与特效(10.5) 6. jQuery UI插件(10.6),教学重点和难点,重点:jQuery选择器、对元素的操作、jQuery常用事件的使用方法、 jQuery动画动画、jQuery UI常用交互插件和微件的使用。 难点:区别jQuery选择器
3、和CSS选择器、对元素的操作、自定义动画、 jQuery UI微件复杂的参数使用。,导入:,因为jQuery是继prototype之后又一个优秀的JavaScript框架。它是轻量级的JS库,它兼容CSS3,还兼容各种浏览器(IE、Firefox、Safari、Opera、Chrome等)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的HTML页面保持JS代码和HTML内容分离,也就是说,不用再在HTML里面插入一堆JS来调用命令了,只需定义id即可。,jQuery由美国人John Resig于2006年创建的一个开源项目,至今已吸引了来自世界各地的众多JavaScript高手加入其团队,jQuery是继Prototype之后又一个优秀的JavaScript框架,其宗旨是:Write less, do more。,10.1 jQuery概述,1. 访问和操作DOM元素 2.
4、控制页面样式 3. 对页面事件的处理 4. 大量插件在页面中的运用 5. 与Ajax技术的完美结合,10.1.1 jQuery的基本功能,基础语法是:$(selector).action() 美元符号定义jQuery 选择符(selector)“查询”和“查找”HTML元素 jQuery action()执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $(“p“).hide() - 隐藏所有段落 $(“p.test“).hide() - 隐藏所有 class=“test“ 的段落 $(“#test“).hide() - 隐藏所有 id=“test“ 的元素 提示:jQuery 使用的语法是XPath与CSS选择器语法的组合。有了CSS基础就不难学习jQuery的选择器了。,10.1.2 jQuery语法,10.1.3 jQuery实例,10.2 jQuery选择器,根据所获取页面中元素的不同,可以将jQuery选择器为分:基本选择器、层次选择器、过滤选择器和表单选择器四大类,其中,在过滤选择器中又可分为:基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过
《网页设计与制作 教学课件 ppt 作者 朱金华 第10章 jQuery》由会员E****分享,可在线阅读,更多相关《网页设计与制作 教学课件 ppt 作者 朱金华 第10章 jQuery》请在金锄头文库上搜索。
逍遥游复习 知识点整理
近现代法德关系史 高三展示课3稿
当代大学生人生信仰及追求的调查研究
长相思 纳兰性德-ppt课件
课件:危机意识 一
英语ppt演讲关于阿甘正传
发达国家基础教育改革的动向与趋势 修改版
中国民间美术 课件.ppt
生物质发电技术与系统 课程ppt 第1章 生物质发电技术现状及发展趋势 2学时 -----2016
现代信号处理思考题 含答案
执业药师继续教育 抑郁症的药物治疗 100分
小学生的成长档案模板不用修改 万能型
增订六版 现代汉语 上册 第二章文字 思考与练习答案
国家财政ppt课件
加拿大英语介绍
六年级统计图的选择课件
中学生成长档案ppt
中国现代文学史期末复习整理
lohi和hihilo训练对女子赛艇运动员运动能力影响的比较研究
风雨贾平凹阅读答案
2024-04-11 25页
2024-04-11 37页
2024-04-11 28页
2024-04-11 31页
2024-04-11 36页
2024-04-11 29页
2024-04-11 22页
2024-04-11 27页
2024-04-11 34页
2024-04-11 32页