课课家教育-JQuery组件开发项目实战班视频教程
课程目标:1. 理解JavaScript基础语法;2. 掌握常用语句的使用方法;3. 学会如何获取DOM元素及进行简单操作。
适合人群:该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript 常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1]
目录
第1节
JQuery组件开发项目实战班-省市区三级联
动-01
第2节
JQuery组件开发项目实战班--省市区三级联动-02
第3节
JQuery组件开发项目实战班--省市区三级联动-03
第4节
JQuery组件开发项目实战班-省市区三级联动-04
00:45:00
第5节
JQuery组件开发项目实战班-省市区三级联动-05
00:45:00
第6节
JQuery组件开发项目实战班-省市区三级联动-06
00:15:32
第7节
Jquery组件开发之Loading的封装-01 00:45:00
第8节
Jquery组件开发之Loading的封装-02 00:45:00
第9节
Jquery实现元素的拖拽和星级评论-01 00:45:00
第10节
Jquery实现元素的拖拽和星级评论-02 00:17:43
第11节
Jquery实现元素的拖拽和星级评论-03 00:45:00
第12节
Jquery实现元素的拖拽和星级评论-04 00:29:33
第13节
Jquery实现元素的拖拽和星级评论-05 00:16:49
第14节
Jquery的高级动画animate和回调函数-01
00:33:12
第15节
Jquery的高级动画animate和回调函数-02
00:01:38
第16节
关于Javascript开发过程常见的雷区和注意事项-01
00:45:00
第17节
关于Javascript开发过程常见的雷区和注意事项-02
00:25:29
学员评价
课程网址:https://www.wendangku.net/doc/2510018383.html,/course-4614.html
一、让浓浓的爱打开心扉 曾德林由于身体的原因,很自然把自己封闭起来了。对老师同学抱有不信任的态度,害怕受嘲笑,担心被欺负。其实在他内心深处还是渴望得到老师和同学的尊重和信任。因此要消除他自卑心理,必须协调好我和他的关系,让他能够感受到爱。 为进一步了解情况,我先进行家访,我为他准备一些学习用具做为礼物。和他聊聊天,看到他提起妈妈的时候眼泪直流,我拉他到我怀里,鼓励他要化悲痛为力量,勤奋学习,把自己心里话告诉老师,多交朋友。告诉他如果妈妈知道他这样生活,一定会很伤心的……这次让他明显感到老师是爱他的。 在学习方面在课堂上多找一些符合他的水平的问题让他回答,回答正确后表扬让同学鼓励一下,增加他的自信,课后我单独给他辅导功课,让他把落下的功课补上来。成绩好了,自然有信心。 二、平时交流,增强自信 我与曾德林聊天,让他正视自己,对自己有全面了解,知道自己的优缺点,俗话说:“尺有所短,寸有所长”。善于发现自己长处,发挥长处。比如他的书写写得相当不错,可以继续发挥这长处。告诉他史铁生、张海迪、海伦·凯勒,也是残疾人,他们都有让我们敬佩的辉煌。再到主动帮助别人,这一点点的变化,让我感到欣慰,我知道这孩子将来一定会成为坚强的强者。 三、让爱心催化孩子健康成长 我首先做班上其他同学的思想工作,让同学们通过一些体验活动换位思考,让同学们体会曾德林内心十分渴望友人的帮助和关心。于是同学们开始主动地接近他、帮助他、关心他。上学放学和他一起顺路的同学带着他。都不用他妈妈接送。学习上有困难,一遍一遍给他教,即便是曾德林在行为中有特别笨拙的表现,大家也不嘲笑他,而是伸出援助之手,真诚地帮助他,我在学校里或和他妈妈联系中看到他的进步,如自己会削铅笔了,能自己来上学了……赶紧当同学面表扬他,也请同学们平时和他在一起时发现他的进步,一起赞美表扬他,为他加油。曾德林能够感受到我们对他的关爱,喜欢到学校来,喜欢和同学们交往,并且在学校活动中也有竞争的勇气了,脸上也展开了笑容。看着他的进步我也很有成就感。 四、用耐心培养学习能力 有位智残教育专家曾说:“对智障儿童的教育是他把被子掉到地上10次,你给他捡起10次。”我的体会是10次是远远不够的,至少得几十次甚至上百次。课堂上我把简单的问题留给他,即使回答不全面,我也表扬他,有难度的问题先让几个同学回答,然后让他复述一遍,然后表扬他听课认真,激发他学习的兴趣。 现在,看着他学习上一点一滴的进步,我觉得心血没白费,著名教育家苏霍姆林斯基说过:“智残生不是畸形儿,他们是世界上最脆弱,最娇嫩的鲜花。”所以我们每一个教育者只要有耐心精心浇灌,他们一定会成为社会有用之才,迟开的花朵也能绽放飘香。
《jQuery前端开发实战教程》试卷 得分 单选题(每题2分,共计30分) 1.页面中存在可见元素div,代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是() A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏,再无动画形式显示 2.关于代码“$.fn.test = function() { };”,下列说法错误的是() A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时,this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3.jQuery Mobile选择菜单中,当选择菜单中含有多个类别时,可添加()元素,让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分
6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟jQuery相继诞生的JavaScript库还有很多,不包括() A、Prototype B、ExtJS C、YUI D、node.js 8.下面选项中this的使用说法正确的是() A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9.使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是() A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10.从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压,保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是() A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例,没有区别 11.在jQuery事件中,当调整浏览器窗口时触发的事件是()事件。 A、resize() B、change() C、scroll() D、select()
让爱同行—随班就读学生教育案例 一、背景情况: 李雪莲,女,出生于1998年4月,籍贯:甘肃榆中,现为榆中县清水驿初级中学九年级(4)班随班就读学生。该生为多重残疾人,经兰州市残联鉴定为语言、肢体三级残疾,语言表达能力差,存在语言障碍,话语含糊不清,行走不便,书写困难,体力明显低于同龄正常儿童。 (一)心理及智力情况: 该生性格并不内向,能与同学接触,但其上课时能够听讲,但是无法做笔记,作业无法完成,因而产生自卑感,逐渐失去了自信心。同时,该生注意力不集中,自制力、记忆力差,理解和反映迟缓。 (二)适应性行为:
生活上能基本能自理,能做简单家务,无法学习广播操,动作做不上。在校期间打水打饭能够完成,因行走不便,导致很多困难。 (三)家庭背景情况 该生家中有父亲、母亲和一个妹妹。现在父母都在家务农,父亲偶尔外出打工,家庭居住环境较差。父母无辅导孩子学习的能力。 (四)学习能力分析: 语文方面:读生语言能力差,根本无法准确朗读。就是回答也表达不清自己的意思。考试时考卷上的选择题能够全部完成,态度还是比较认真。 数学方面:理解能力也比其他同学慢很多,随着年龄的增长,反映越来越慢。做题目就乱做一通。考试时考卷上的选择题能够全部完成,态度还是比较认真。 英语方面:单词无法背诵和书写,基础的内容也无法掌握,考试时考卷上的选择题能够全部完成,态度还是比较认真。
劳动技能方面:能够进行简单的劳动,如扫地,收拾课桌等。 二、矫正目标和措施: 根据该生有自卑感,没有自信心,记忆力差,语言能力、计算能力、理解能力、劳动技能方面远低于正常儿童,行动迟缓等特点,确定矫正目标为: (一)加强非智力因素的培养、训练,如自信心,注意力,学习习惯等,尽可能的使其能正常参加学习。 (二)有计划地开发其智力因素。如感知能力、记忆力、计算能力、理解力、语言能力等。数学:要求能做最简单的计算题。语文:要求能简单地读通课文,能回答简单问题,能够表达自己的意愿和想法。 (三)进行行为能力、生活能力、劳动能力训练,在劳动技能的培养中,使其意识到人际交往的重要性,产生与同伴合作交往的欲望,从而培养其语言能力和人际交往的能力,使其将来能基本适应社会。 为了达到以上三个目标,具体做法如下:
jQuery入门[1]-构造函数 https://www.wendangku.net/doc/2510018383.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小(v1.2.3 15kb) ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器(IE6,FF,Safari,Opera) ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.wendangku.net/doc/2510018383.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">