jQuery的基础核心知识点汇总
https://www.360docs.net/doc/bd12408959.html, web前端培训教程:jQuery的基础核心知识点汇总
本节课我们简单的介绍一下jQuery 一些核心的问题,这些问题都粗略的为大家介绍了jQuery 的大致使用模式,为后续课程展开提供了帮助。对于JavaScript 课程已经学完的同学,这些概念会非常的清晰,而对于JavaScript 薄弱的同学可能会有一些模糊,但不必太担心,后续会慢慢展开。而对于完全没有JavaScript 基础的同学,就无法学习了。
一.代码风格
在jQuery 程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起始的。而这个“$”就是jQuery 当中最重要且独有的对象:jQuery 对象,所以我们在页面元素选择或执行功能函数的时候可以这么写:
$(function () {}); //执行一个匿名函数
$(‘#box’); //进行执行的ID 元素选择
$(‘#box’).css(‘color’, ‘red’); //执行功能函数
由于$本身就是jQuery 对象的缩写形式,那么也就是说上面的三段代码也可以写成如下形式:
jQuery(function () {});
jQuery(‘#box’);
https://www.360docs.net/doc/bd12408959.html, jQuery(‘#box’).css(‘color’, ‘red’);
在执行功能函数的时候,我们发现.css()这个功能函数并不是直接被“$”或jQuery 对象调用执行的,而是先获取元素后,返回某个对象再调用.css()这个功能函数。那么也就是说,这个返回的对象其实也就是jQuery 对象。
$().css(?color?, ?red?); //理论上合法,但实际上缺少元素而报错值得一提的是,执行了.css()这个功能函数后,最终返回的还是jQuery 对象,那么也就是说,jQuery 的代码模式是采用的连缀方式,可以不停的连续调用功能函数。
$('#box').css('color', 'red').css('font-size', '50px'); //连缀
jQuery 中代码注释和JavaScript 是保持一致的,有两种最常用的注释:单行使用“//...”,多行使用“/* ... */”。//$('#box').css('color', 'red');
二.加载模式
我们在之前的代码一直在使用$(function () {});这段代码进行首尾包裹,那么为什么必须要包裹这段代码呢?原因是我们jQuery 库文件是在body 元素之前加载的,我们必须等待所有的DOM 元素加载后,延迟支持DOM 操作,否则就无法获取到。在延迟等待加载,JavaScript 提供了一个事件为load,方法如下:
window.onload = function () {}; //JavaScript 等待加载
$(document).ready(function () {}); //jQuery 等待加载
https://www.360docs.net/doc/bd12408959.html,
在实际应用中,我们都很少直接去使用window.onload,因为他需要等待图片之类的大型元素加载完毕后才能执行JS 代码。所以,最头疼的就是网速较慢的情况下,页面已经全面展开,图片还在缓慢加载,这时页面上任何的JS 交互功能全部处在假死状态。并且只能执行单次在多次开发和团队开发中会带来困难。
三.对象互换
jQuery 对象虽然是jQuery 库独有的对象,但它也是通过JavaScript 进行封装而来的。我们可以直接输出来得到它的信息。
alert($); //jQuery 对象方法内部
alert($()); //jQuery 对象返回的对象,还是jQuery
alert($('#box')); //包裹ID 元素返回对象,还是jQuery
从上面三组代码我们发现:只要使用了包裹后,最终返回的都是jQuery 对象。这样的好处显而易见,就是可以连缀处理。但有时,我们也需要返回原生的DOM 对象,比如:alert(document.getElementById('box')); //[object HTMLDivElement]
https://www.360docs.net/doc/bd12408959.html, jQuery 想要达到获取原生的DOM 对象,可以这么处理:
alert($('#box').get(0)); //ID 元素的第一个原生DOM
从上面get(0),这里的索引看出,jQuery 是可以进行批量处理DOM 的,这样可以在很多需要循环遍历的处理上更加得心应手。
四.多个库之间的冲突
当一个项目中引入多个第三方库的时候,由于没有命名空间的约束(命名空间就好比同一个目录下的文件夹一样,名字相同就会产生冲突),库与库之间发生冲突在所难免。
那么,既然有冲突的问题,为什么要使用多个库呢?原因是jQuery 只不过是DOM 操作为主的库,方便我们日常Web 开发。但有时,我们的项目有更多特殊的功能需要引入其他的库,比如用户界面UI 方面的库,游戏引擎方面的库等等一系列。而很多库,比如prototype、还有我们JavaScript 课程开发的Base 库,都使用“$”作为基准起始符,如果想和jQuery 共容有两种方法:
1.将jQuery 库在Base 库之前引入,那么“$”的所有权就归Base 库所有,而jQuery 可以直接用jQuery 对象调用,或者创建一个“$$”符给jQuery 使用。
var $$ = jQuery; //创建一个$$的jQuery 对象
$(function () { //这是Base 的$
alert($('#box').ge(0)); //这是Base 的$
alert($$('#box').width()); //这是jQuery 的$$
});
2.如果将jQuery 库在Base 库之后引入,那么“$”的所有权就归jQuery 库所有,而Base库将会冲突而失去作用。这里,jQuery 提供了一个方法:
https://www.360docs.net/doc/bd12408959.html, jQuery.noConflict(); //将$符所有权剔除
var $$ = jQuery;
$(function () {
alert($('#box').ge(0));
alert($$('#box').width());
});
jQuery前端开发实战教程
《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()
最新《公共基础知识》重点归纳
法理 ●法的概念:特定物质生活条件决定的统治阶级意志的体现,由国家制定认可,由国家强制力保证实施的行为规范的综合 ●法的特征:1、调整人的行为或社会关系2、国家制定或认可、并具有普遍约束力3、以国家强制力保护实施4、规定权利和义务 ●法的本质:统治阶级意志的表现 ●法的规范作用:指引、评价、预测、教育和强制 法的作用 ●法的社会作用:维护统治阶级的阶级统治;执行社会公共事务。 ●法与经济基础的关系:经济基础决定法,法又反作用于经济基础。 ●法与生产力的关系:生产力发展的水平直接影响法的发展水平。法律离开社会生产力的发展,既无存在的可能,也无存在的必要。 ●法对市场经济宏观调控的作用:引导;促进;保障;制约。 ●法对微观经济的作用:确认经济活动主体的法律地位,调节经济活动中的各种关系,解决经济活动中哦的各种纠纷,维持正常的经济秩序 ●法与政治的关系:法受政治制约(政治关系发展、整体改革、政治活动的内容),法服务于政治(调节阶级间、阶级内关系,维护社会关系、社会秩序;打击制裁违法犯罪,调整公共事务关系,维护公共秩序) ●法与党的政策的关系: 相同点(内容实质方面联系):阶级本质、指导思想、基本原则、经济基础、社会目标等 区别:意志属性、规范形式、调整范围(不尽同)、实施方式、稳定性程序化程度 ●法与党的政策相互作用: 一、法的制定:1、政策是立法的依据和指导思想 2、发将政策转为形式合理效力普遍的行为规范 二.发的实施:1、政策变法,使正统,又反之约束政治活动 2、法的实施借助政策作用 ●社会主义民主与法制是相互依存、相互作用、紧密联系、不可分割的。 ●民主是法制的前提和基础,因为:民主是法制产生的依据、力量源泉,决定了法制的性质和内容 ●法的渊源的专有含义:法律规范的形式上的来源和其外在表现形式 ●法律效力等级为:宪法-法律-行政法规-地方性法规-规章(部门和地方政府)。 ●宪法:根本大法,最高法律效力 ●法律:由全国人大或其常务委员会制定、颁布;全国范围内生效;规范性法律文件 ●行政法规:国务院为领导和管理国家各项行政事务根据为宪法、法律 国务院发布的决定、命令,凡具有规范性的也属于发的渊源 ●地方性法规:地方人大及常委会制定(省、自治区、直辖市、省政府所在市、国批的较大市),适用本地方。 ●规章:1、部门规章:指由国务院各部委+中银+审计署+具有行政管理职能的直属机构;依据为:宪法、法律、国务院的行政法规、决定、命令 2、地方规章:政府制定(省、自治区、直辖市、省自治区政府所在市、经济特区所在市、国的较大市)依据:宪法、法律、行政法规 ●自治条例和单行条例:民族自治地方人大制定,区域内生效 ●特别行政区法:在特别行政区内实行的制度由全国人大以法律规定。 ●国际条约:与民法规定不同的,适用国际条约,但声明保留的条款除外。 ●规定是规范性文件,不属于法律范畴,效力低于法律。 ●广义的法律包括法律、行政法规、地方性法规和规章。 ●法律关系三要素(法律规范在调整人们行为过程中形成的权利义务关系):主体(法律关系的参加者)、客体(权利义务指向的对象:物、精神产品、人身、行为)、内容(权利义务) ●权利能力:能够才加一定的法律关系,依法享有权利承担义务的主体能力; 行为能力:法律关系的主体能够通过自己的行为实际取得权利和承担义务的能力 行为能力必须以权利能力为前提,无权利能力就无法谈行为能力。 ●法人的权利能力:生于成立,终于解体 公民的权利能力:始于出生,终于死亡 ●自然人有权利能力,未必有行为能力,根据年龄和精神状况,分为:完全、限制、无行为能力人
教育基础知识必考知识点
2018 年教育基础知识必考知识点 1.在我国,最早把“教”和“育”连在一起使用的人是孟子。 2.世界教育改革趋势:教育终身化、教育全民化、教育民主化、教育多元化和教 育技术现代化。 3.英国哲学家和自然科学家培根对教育学的独立做出了重要贡献,于 1623 年首 次提出;夸美纽斯是使教育学走上独立发展道路的第一人。1632 年出版的《大 教学论》被看作教育学走上独立发展道路的标志。 4.苏联教育家赞可夫《教学与发展》中以一般发展为出发点,提出了“高难度教学”、“高速度教学”、“理论知识起知道作用”、“理解学习过程”和“使所 有学生包括差生都得到发展”的五大教学原则。 5.学校文化是一所学校在长期的教育实践过程中积淀演化和创造出来的,并为其 成员所认同和遵循的价值挂念体系、行为规范准则和物化环境风貌的一种整合的 结晶。 6.瑞士心理学家皮亚杰认为个体认知发展的一般规律感知运算水平、前运算水平、具体运算水平、形式运算水平。美国心理学家柯尔伯格认为人的道德认知遵循前 世俗水平、世俗水平、后世俗水平。 7.人力资本论是由美国经济学家舒尔茨提出的。1960 年 12 月,他在美国经济 学第 78 届年会所作的《人力资本投资》的讲演,被称为人力资本理论创立的 “宪章”。人力资本理论的核心是“人力资本”。 8.《孟子·尽心上》“得天下英才而教育之,三乐也。”东汉许慎 《说文解字》“教,上所施,下所效也”;“育,养子使作善也”。 9.骑士教育是一种融宗教精神和尚武精神于一体的特殊的家庭教育形式;宫廷学 校是设在宫廷之内专门为王族子弟提供教育的学校。 10.卢梭和裴思泰洛齐等人继承并发展了夸美纽斯的自然教育思想。卢梭是法国 启蒙主义思想家和教育家,他在《爱弥儿》中提出了自然与自由教育的思想。他 人为人的本性是善良的,人最可贵的是自由 11.苏联教育家苏霍姆林斯基《给教师的建议》《把整个心灵献给孩子》《帕夫 雷什中学》中系统论述了他的全面和谐教育思想。被称为“活的教育学”。 12.物质文化是学校文化的空间物态形式,是学校精神文化的物质载体。学校物 质文化有两种表达方式:A.学校环境文化;B.设施文化。 13.遗传决定论的代表人物:英国的高尔登和美国的霍尔。 14.教育目的两种对立的观点:一是个体本位论,其代表人物有中国的孟子,西 方有卢梭和裴思泰洛齐;二是社会本位论,其代表人物有中国的荀子,西方有柏 拉图和康德。 15.广义的教育包括家庭教育、社会教育、学校教育。 16.明代以后,八股文被规定为考科举的固模式。 17.西欧中世纪主要学校类型教会学校,分为僧院学校、大主教学校、教区学校。 18.教育多元化表现为:培养目标多元化、办学形式多元化、管理模式多元化、 教学内容多元化、评价标准多元化等。 19.英国哲学家洛克提出了“白板说”,“人类之所以千差万别,便是由于教育 之故”。主张:①取消封建等级教育,人人都可以接受教育。②认为绅士教育使 最重要的,甚至反对资产阶级的子弟同劳动人民的子弟共同在学校礼接受教育, 主张绅士教育应该在家庭中实施。洛克的思想反映在他的代表作《教育漫话》当中。 20.美国教育家布鲁姆认为,教学应该以掌握学习为指导思想,以教育目标 为导向,以教育评价为调控手段,形成了完整的掌握学习理论体系。 21.规范文化,也叫制度文化,是一种确立组织机构,明确成员角色与职责,规 范成员行为的文化,主要有三种表达方式:一是保证学校正常运行的组织形态;
jQuery入门教程(很不错)
jQuery入门[1]-构造函数 https://www.360docs.net/doc/bd12408959.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.360docs.net/doc/bd12408959.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">