jQuery整合面试题及答案讲解.docx

《jQuery整合面试题及答案讲解.docx》由会员分享，可在线阅读，更多相关《jQuery整合面试题及答案讲解.docx（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、一、Jquery测试题下面哪种不是jquery的选择器？(单项选择)A、根本选择器 B、后代选择器 C、类选择器 D、进一步选择器考点:jquery的选择器 (C)当DOM加载完成后要执行的函数，下面哪个是正确的？(单项选择)jQuery(expression, context) B、jQuery(html, ownerDocument) C、jQuery(callback) D、jQuery(elements)考点：jquery的核心函数 (C)下面哪一个是用来追加到指定元素的末尾的？(单项选择)A、insertAfter() B、append() C、appendTo() D、after(

2、)考点：jquery的核心函数 (C)下面哪一个不是jquery对象访问的方法？(单项选择)A、each(callback) B、size() C、index(subject) D、index()考点： jquery的核心函数之对象访问 Djquery访问对象中的size()方法的返回值和jQuery对象的_属性一样.考点：jquery的核心函数之对象访问 lengthjquery中$(this).get(0)的写法和_是等价的。考点：jquery的核心函数之对象访问 $(this)07. 有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(单项选择)A、visible B、

3、hidden C、visible() D、hidden()考点：jquery的选择器 B假设须要匹配包含文本的元素，用下面哪种来实现？(单项选择)A、text() B、contains() C、input() D、attr(name)考点：jquery的选择器 B现有一个表格，假设想要匹配全部行数为偶数的，用_实现，奇数的用_实现。考点：jquery的选择器 even,odd假设想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单项选择)A、text() B、get() C、eq() D、contents考点：jquery的选择器 C在一个表单里，想要找到指定元素的第一个

4、元素用_实现，那么第二个元素用_实现。考点：jquery的选择器 first,eq(1)下面哪种不属于jquery的选择？单项选择A、过滤 B、自动 C、查找 D、串联考点：jquery的选择 (B)下面哪几种是属于jquery文档处理的？ 多项选择A、包袱 B、交换 C、删除 D、内部和外部插入考点：jquery的文档处理 (ABD)假设想在一个指定的元素后添加内容，下面哪个是实现该功能的？单项选择A、append(content) B、appendTo(content) C、insertAfter(content) D、after(content)考点：jquery的文档处理 (D)在jq

5、uery中，用一个表达式来检查当前选择的元素集合，运用_来实现，假设这个表达式失效，那么返回_值。考点：jquery的选择 is(expr),false在jquey中，假设想要从DOM中删除全部匹配的元素，下面哪一个是正确的？单项选择A、delete() B、empty() C、remove() D、removeAll()考点：jquery的文档处理 C在jquery中，想要给第一个指定的元素添加款式，下面哪一个是正确的？单项选择A、first B、eq(1) C、css(name) D、css(name,value)考点： jquery的css处理 C在编写页面的时候，假设想要获得指定元素在

6、当前窗口的相对偏移，用_来实现，该方法的返回值有两个属性，分别是_和_。考点：jquery的css处理 offset,top,left在jquery中，假设想要获得当前窗口的宽度值，下面哪个是实现该功能的？ 单项选择A、width() B、width(val) C、width D、innerWidth()考点：jquery的css处理 A在一个表单中，假设将全部的div元素都设置为绿色，实现功能是_。考点：jquery的css处理 ($(“div).css(“color,green)为每一个指定元素的指定事务像click绑定一个事务处理器函数，下面哪个是用来实现该功能的？ 单项选择A、trig

7、ger (type) B、bind(type) C、one(type) D、bind考点：jquery的事务操作 (B)在jquery中，鼠标挪动到一个指定的元素上，会触发指定的一个方法，实现该操作的是_。考点：jquery的事务操作 (hover(over,out)下面哪几个不是属于jquery的事务处理 (多项选择)A、bind(type) B、click() C、change() D、one(type)考点：jquery的事务处理 (BC)在一个表单中，假设想要给输入框添加一个输入验证，可以用下面的哪个事务实现？ (单项选择)A、hover(over ,out) B、keypressfn

8、 C、change() D、change(fn)考点：jquery的事务处理 (D)当一个文本框中的内容被选中时，想要执行指定的方法时，可以运用下面哪个事务来实现？单项选择A、click(fn) B、change(fn) C、select(fn) D、bind(fn)考点：jquery的事务处理 (C)在jquery中，想让一个元素隐藏，用_实现，显示隐藏的元素用_实现。考点：jquery的页面效果 hide(),show()在一个表单中，用600毫秒缓慢的将段落滑上，用_来实现。考点：jquery的页面效果 $(“p).slideUp(“slow)在jquery中，假设想要自定义一个动画，用

9、_函数来实现。考点：jquery的页面效果 (animate(params, options)在jquery中想要实现通过远程 get恳求载入信息功能的是下面的哪一下事务？ (单项选择)A、$.ajax() B、load(url) C、$.get(url) D、$. getScript(url)考点：jquery的ajax (C)下面不属于ajax事务的是？ (单项选择)A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback)考点：jquery的ajax C彻底将jQuery变量复原，

10、可以运用_方法实现。考点：jquery的多库共存 ($.noConflict(extreme)上机题：用jquery 来实现动态添加和删除表格行在一个表单中，查找全部选中的input元素，可以用jquery中的_来实现。考点：jquery的选择器:not()下面哪几种是jquery中表单的对象属性？多项选择A、:checked B、: enabled C、:hidden D、:selected E、:file F、: disabled考点：jquery的选择器ABDF在jquery中假设将一个“名/值形式的对象设置为全部指定元素的属性，可以用_实现。考点：jquery选择器之属性 attr(p

11、ro)在jquery中指定一个类，假设存在就执行删除功能，假设不存在就执行添加功能，下面哪一个是可以干脆完成该功能的？单项选择A、removeClass() B、deleteClass() C、toggleClass(class) D、addClass()考点：jquery的属性 C在jquery中想要找到全部元素的同辈元素，下面哪一个是可以实现的？单项选择A、eq(index) B、find(expr) C、siblings(expr) D、next()考点：jquery的选择 C二、css测试题css的语法由_、_、_三部分组成。考点：css的语法 (选择器、属性和值)下面哪一个不是检索一

12、个对象的定位方式的属性 单项选择A、static B、absolute C、fixed D、top考点：css的定位 D下面哪个是display布局中用来设置对象以块显示，并添加新行的？ 单项选择A、inline B、none C、block D、compact考点：css的布局 (C)设置边框的边框款式用_实现，设置边框的颜色用_实现。考点：css的边框 border-style,border-color设置一个div的最小宽度为100像素，最大高度为50像素，实现这两个设置的方法是_、_。考点：css的尺寸 (min-width：100px; min-height：50px;)为一个图片设

13、置成背景图像后，设置背景图像在纵向和横向上平铺，下面哪个是实现该功能的？ (单项选择)A、no-repeat B、repeat C、repeat-x D、repeat-y考点：css的背景background (repeat)想要设置一个对象外的线条轮廓的款式为虚线边框，用_实现该功能。考点：css的轮廓outline (outline-style: dashed)在css中，假设想要阻挡计数器增加的，用_来实现。考点：css的内容content (counter-increment : none)在编写css款式的时候，假设想要设置标记容器和主容器之间的补白，用_来表示。考点：css的列表

14、(marker-offset)假设想设置表格的行及单元格的边框合并在一起，可以用_来实现。考点：css的表格 border-collapse：collapse假设想设置一个对象内文本的流淌和方向，用_标签来实现，该标签有两个值，分别是_、_。考点：css的文本Text text-layout-flow，horizontal、vertical-ideographic在编写css款式的时候，假设想要设置文本的对齐方式，下面哪一个不是text-align下的值？单项选择A、left B、right C、top D、justify考点：css的文本 Text (C)在css中，假设想要设置对象中文本的

15、款式，下面哪一个不是该标签的值？(单项选择)A、blink B、line-through C、color D、overline考点：css的字体font C在css中，设置滚动条的外表颜色，是用下面的哪个标签来实现的？单项选择A、scrollbar-base-color B、scrollbar-face-color C、scrollbar-arrow-colorD、scrollbar-shadow-color考点：css的滚动条scrollbarB三、问答题1. 什么是jQueryjQuery是继prototype之后又一个优秀的Javascrpt框架。2. HTML代码：This is a

16、DIV1) 把这个HTML元素转化为jQuery对象的语句是？2) 得到div元素内文本的语句可以是哪些？3) 把元素内文本设置为粗体的方法有？4) 清空文本的方法有？1.$(“div)2.$(“div).text(),$(“div).html ()3.$(“div).text(“This is DIV)4.$(“div).text(“)3. HTML代码：窗体顶端窗体底端1) $(:hidden).length的值是 12) $(form input), $(form input), $(form + input), $(form input)分别返回代表哪些元素的jQuery数组？$(fo

17、rm input) 返回form下的全部input元素$(form input) 查找以form为父元素全部input子元素$(form + input) 查找以form之外第一个input子元素$(form input) 查找以form之外全部input子元素3) 获得form里第二个input元素的方法有？$(“#div1 input).eq(1)4) $(form input:first).parent()返回的是？5) $(form input:first).parents().size()的值是？16) $(#div1).empty()及$(#div1).remove()的结果有什么

18、不同？$(#div1).empty()清空 div1的内容 结果为 $(“#div1).remove()删除div1节点 及包含的子节点 4. 有一个button执行以下jQuery语句：$(#btn).click(function() alert(click me); );$(#btn).click(function() alert(click me again.);单击这个button会有什么效果？弹出2次对话框 分别是 click me, click me again5. HTML代码：Hello how are youjQuery 代码:$(p).find(span).text(Hi)

19、.end() 结果是？Hihow are you1 你在公司是怎么用jquery的？答：在工程中是怎么用的是看看你有没有工程阅历(依据自己的实际状况来答复)你用过的选择器啊，复选框啊，表单啊，ajax啊，事务等配置Jquery环境 下载jquery类库 在jsp页面引用jquery类库即可接下来通过在$(function();2 你为什么要运用jquery？答：因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，精彩的DOM操作的封装，有牢靠的事务处理机制(jQuery在处理事务绑定的时候相当的牢靠)，完善的ajax(它的ajax封装的特别的好，不须要考虑困难阅读器的兼容性和X

20、ML Request对象的创立和运用的问题。) 精彩的阅读器的兼容性。 而且支持链式操作，隐式迭代。行为层和构造层的别离，还支持丰富的插件，jquery的文档也特别的丰富。3 你觉得jquery有哪些好处？答案同上4 你运用jquery遇到过哪些问题，你是怎么解决的？答：这个答案是开发的，看你是否有相关的工程阅历。例 前台拿不到值，JSON 可是出现的错误(多了一个空格等)这编译是不会报错的jquery库及其他库冲突：1假设其他库在jquery库之前导入的话1.我们可以通过jquery.noconflict()将变量的$的限制权过度给其他库2.自定义快捷键,用一个变量接住jquery.noco

21、nflict()3.通过函数传参2假设jquery库在其他库之前导入就干脆运用jquery今日在处理一个数据问题时，觉察jQuery.ajax()方法返回的值始终有问题，去除缓存后数据无误，屡次测试后觉察返回的值都是之前的值，并且始终未执行url(后台为JAVA，设置断点始终未进入)。在网上查找下,觉察是未设置type的缘由。假设没设置jQuery.ajax的type=Post，那么ajax就会默认type=Get，这就会导致之前数据被缓存起来。加上type=Post，问题解决！ 5 你知道jquery中的选择器吗，请讲一下有哪些选择器？答 ：jQuery中的选择器大致分为:根本选择器，层次选

22、择器，过滤选择器，表单项选择择器6 jquery中的选择器 和 css中的选择器有区分吗？答：jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加款式和添加相应的行为CSS 中的选择器是只能添加相应的款式7 你觉得jquery中的选择器有什么优势？答：简洁的写法 $(ID) 来代替 document.getElementById()函数支持CSS1 到CSS3 选择器完善的处理机制(就算写错了id也不会报错)8 你在运用选择器的时候有有没有什么觉得要留意的地方？答: 1 选择器中含有.,#, 等特别字符的时候须要进展转译2 属性选择器的引号问题3 选择器中含有空格的考前须知9

23、jquery对象和dom对象是怎样转换的？答 ：jquery转DOM对象:jQuery 对象是一个数组对象，可以通过index的丰富得到相应的DOM对象还可以通过getindex去得到相应的DOM对象。DOM对象转jQuery对象:$(DOM对象)10 你是如何运用jquery中的ajax的？答: 假设是一些常规的ajax程序的话，运用load(),$.get(),$.post(),就可以搞定了，一般我会运用的是$.post() 方法。假设须要设定beforeSend(提交前回调函数),error(失败后处理),success(胜利后处理)及complete(恳求完成后处理)回调函数等，这个时

24、候我会运用$.ajax()11 你觉得jquery中的ajax好用吗，为什么？答: 好用的。因为jQuery供应了一些日常开发中夙瑶的快捷操作，例 load，ajax，get，post等等，所以运用jQuery开发ajax将变得极其简洁，我们就可以集中精力在业务和用户的体验上，不须要去理睬那些繁琐的XML Request对象了。12 jquery中$.get()提交和$.post()提交有区分吗？答: 1 $.get() 方法运用GET方法来进展异步恳求的。 $.post() 方法运用POST方法来进展异步恳求的。2 get恳求会将参数跟在URL后进展传递，而POST恳求那么是作为 消息的实体

25、内容发送给Web效劳器的，这种传递是对用户不行见的。3 get方式传输的数据大小不能超过2KB 而POST要大的多4 GET 方式恳求的数据会被阅读器缓存起来，因此有平安问题。13 jquery中的load方法一般怎么用的？答：load方法一般在 载入远程HTML 代码并插入到DOM中的时候用通常用来从Web效劳器上获得静态的数据文件。假设要传递参数的话，可以运用$.get() 或 $.post()14 在jquery中你是如何去操作款式的？答: addClass() 来追加款式removeClass() 来删除款式toggle() 来切换款式15 简洁的讲叙一下jquery是怎么处理事务的，

26、你用过哪些事务？答: 首先去装载文档，在页面家在完毕后，阅读器会通过javascript 为DOM元素添加事务。16 你运用过jquery中的动画吗，是怎样用的？答:运用过。hide() 和 show() 同时修改多个款式属性。像高度，宽度，不透亮度。fadeIn() 和fadeOut() fadeTo() 只变更不透亮度slideUp() 和 slideDown() slideToggle() 只变更高度animate() 属于自定义动画的方法.17 你运用过jquery中的插件吗？答:看个人的实力和阅历来答复了。18 你一般用什么去提交数据，为什么？答:一般我会运用的是$.post() 方

27、法。假设须要设定beforeSend(提交前回调函数),error(失败后处理),success(胜利后处理)及complete(恳求完成后处理)回调函数等，这个时候我会运用$.ajax()19 在jquery中引入css有几种方式？答:四种 行内式，内嵌式，导入式，链接式 20 你在jquery中运用过哪些插入节点的方法，它们的区分是什么？答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter() before(),insertBefore() 大致可以分为 内部追加和外部追加 append() 表式向每个元素内部追加内

28、容。 appendTo() 表示 讲全部的元素追加到指定的元素中。 例$(A)appendTo(B) 是将A追加到B中 下面的方法说明类似21 你运用过包袱节点的方法吗，包袱节点有方法有什么好处？答: wrapAll(),wrap(), wrapInner()须要在文档中插入额外的构造化标记的时候可以运用这些包袱的方法应为它不会帛画原始文档的语义22 jquery中如何来获得或和设置属性？jQuery中可以用attr()方法来获得和设置元素属性removeAttr() 方法来删除元素属性23 如何来设置和获得HTML 和文本的值？答：html()方法 类似于innerHTML属性 可以用来读取

29、或者设置某个元素中的HTML内容留意：html() 可以用于xhtml文档 不能用于xml文档text() 类似于innerText属性 可以用来读取或设置某个元素中文本内容。val() 可以用来设置和获得元素的值24 你jquery中有哪些方法可以遍历节点？答 ：children() 获得匹配元素的子元素集合,只考虑子元素不考虑后代元素next() 获得匹配元素后面紧邻的同辈元素prev() 获得匹配元素前面紧邻的同辈元素siblings() 获得匹配元素前后的全部同辈元素closest() 获得最近的匹配元素find() 获得匹配元素中的元素集合 包括子代和后代25 子元素选择器 和后代选

30、择器元素有什么区分？答:子代元素是找子节点下的全部元素,后代元素是找子节点或子节点的子节点中的元素26 在jquery中可以交换节点吗？答：可以 在jQuery中有两者交换节点的方式replaceWith() 和 replaceAll()例如在hao are you交换成I am fine$(p).replaceWith(I am fine);replaceAll 及replaceWith的用法前后调换一下即可。27 你觉得beforeSend方法有什么用？答：发送恳求前可以修改XML Request对象的函数，在beforeSend中假设返回false 可以取消本次的Ajax恳求。XML R

31、equest对象是唯一的参数所以在这个方法里可以做验证28 siblings() 方法 和 $(prevdiv)选择器是一样的嘛？答: $(prevdiv) 只能选择#prev元素后面的同辈元素而siblings()方法及前后的文职无关，只要是同辈节点就都能匹配。29 你在ajax中运用过JSON吗，你是如何用的？答:运用过，在$.getJSON() 方法的时候就是。因为 $.getJSON() 就是用于加载JSON文件的30 有哪些查询节点的选择器？答：我在公司运用过 :first 查询第一个，:last 查询最终一个，:odd查询奇数但是索引从0开始:even 查询偶数，:eq(index

32、)查询相等的 ,:gt(index)查询大于index的 ,:lt查询小于index:header 选取全部的标题等31 nextAll() 能 替代$(prevsiblindgs)选择器吗？答:能。 运用nextAll() 和运用$(prevsiblindgs) 是一样的32 jQuery中有几种方法可以来设置和获得 款式答 ：addClass() 方法，attr() 方法33 $(document).ready()方法和window.onload有什么区分？答: 两个方法有相像的功能，但是在实行时机方面是有区分的。1 window.onload方法是在网页中全部的元素(包括元素的全部关联文

33、件)完全加载到阅读器后才执行的。2 $(document).ready() 方法可以在DOM载入就绪时就对其进展操纵，并调用执行绑定的函数。34 jQuery是如何处理缓存的？答 ：要处理缓存就是禁用缓存.1 通过$.post() 方法来获得数据，那么默认就是禁用缓存的。2 通过$.get()方法 来获得数据，可以通过设置时间戳来防止缓存。可以在URL后面加上+(+new Date)例 $.get(ajax.xml+(+new Date),function () /内容);3 通过$.ajax 方法来获得数据，只要设置cache:false即可。35 $.getScript()方法 和 $.g

34、etJson() 方法有什么区分？答: 1 $.getScript() 方法可以干脆加载.js文件，并且不须要对javascript文件进展处理，javascript文件会自动执行。2 $.getJson() 是用于加载JSON 文件的 ，用法和$.getScript() 36 你读过有关于jQuery的书吗？jquery根底教程jquery实战锐利的jquery 巧用jquery jQuery用户界面库学习指南等37 $(#msg).text(); 和 $(#msg).text(new content);有什么区分？答：1 $(#msg).text() 是 返回id为msg的元素节点的文本内

35、容2 $(#msg).text(new content); 是 将“new content 作为一般文本串写入id为msg的元素节点内容中, 页面显示粗体的new content38 radio单项选择组的第二个元素为当前选中值，该怎么去取？答 : $(inputname=items).get(1).checked = true; 39 选择器中 id，class有什么区分？答：在网页中 每个id名称只能用一次，class可以允许重复运用40 你运用过哪些数据格式，它们各有什么特点？答: HTML格式,JSON格式,javascript格式,XML格式1 HTML片段供应外部数据一般来说是最简

36、洁的。2 假设数据须要重用，而且其他应用程序也可能一次受到影响，那么在性能和文件大小方面具有优势的JSON通常是不错的选择。3 而当远程应用程序未知时，XML那么可以为良好的互操作性供应最牢靠的保证。41 jQuery 能做什么？答：1 获得页面的元素 2 修改页面的外观3 变更页面大的内容4 响应用户的页面操作5 为页面添加动态效果6 无需刷新页面，即可以从效劳器获得信息7 简化常见的javascript任务42 在ajax中data主要有几种方式？答 ： 三种，html拼接的，json数组，form表单经serialize()序列化的。43 ：jQuery中的hover()和toggle(

37、)有什么区分？答 hover()和toggle()都是jQuery中两个合成事务。hover()方法用于模拟光标悬停事务。toggle()方法是连续点击事务。44 你知道jQuery中的事务冒泡吗，它是怎么执行的，何如来停顿冒泡事务？答 : 知道,事务冒泡是从里面的往外面开始触发。在jQuery中供应了stopPropagation()方法可以停顿冒泡。45 例如 单击超链接后会自动跳转，单击提交按钮后表单会提交等，有时候我想阻挡这些默认的行为，该怎么办？答: 可以用 event.preventDefault()或 在事务处理函数中返回false，即 return false;46.jquer

38、y表单提交前有几种校验方法？分别为？formData:返回一个数组，可以通过循环调用来校验jaForm：返回一个jQuery对象，全部须要先转换成dom对象fieldValue：返回一个数组beforeSend()47.在jquery中你有没有编写过插件，插件有什么好处？你编写过那些插件？它应当留意那些？答: 插件的好处：对已有的一系列方法或函数的封装，以便在其他地方重新利用，便利后期维护和进步开发效率插件的分类：封装对象方法插件 、封装全局函数插件、选择器插件留意的地方：1.插件的文件名举荐命名为jquery.插件名.js，以免和其他的javaScript库插件混淆2.全部的对象方法都应当附

39、加到jQuery.fn对象上，而全部的全局函数都应当附加到jQuery对象本身上3.插件应当返回一个jQuery对象，以保证插件的可链式操作4.防止在插件内部运用$作为jQuery对象的别名,而应运用完好的jQuery来表示，这样可以防止冲突或运用闭包来防止5.全部的方法或函数插件，都应当一分好结尾，否那么压缩的时候可能出现问题。在插件头部加上分号，这样可以防止别人的不标准代码给插件带来影响6.在插件中通过$.extent()封装全局函数,选择器插件，扩展已有的object对象通过$.fn.extend()封装对象方法插件 48.怎样给jquery动态附加新的元素那么怎样给新生成的元素绑定事务呢？jQuery的html()可以给如今元素附加新的元素干脆在元素还未生成前就绑定确定是无效的，因为所绑定的元素目前根本不存在。所以我们可以通过live和livequery来动态绑定事务