《2022年jQuery整合面试题及答案.docx》由会员分享，可在线阅读，更多相关《2022年jQuery整合面试题及答案.docx（20页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆一、Jquery 测试题下面哪种不是 jquery 的挑选器？ 单项 A、基本挑选器 B、后代挑选器 C、类挑选器 D 、进一步挑选器考点:jquery的挑选器 C 、jQuerycallback D、当 DOM加载完成后要执行的函数,下面哪个是正确的？ 单项 jQueryexpression, context B、jQueryhtml, ownerDocument CjQueryelements 考点： jquery 的核心函数 C 下面哪一个是用来追加到指定元素的末尾的？ 单项
2、A、insertAfter B、append C 、appendTo D 、after 考点： jquery 的核心函数 C 下面哪一个不是 jquery 对象拜访的方法？ 单项 A、eachcallback B、size C、indexsubject D、index 考点： jquery 的核心函数之对象拜访（D）jquery 拜访对象中的 size 方法的返回值和 jQuery 对象的 _属性一样 . 考点： jquery 的核心函数之对象拜访（length ）jquery 中$this.get0 的写法和 _是等价的；考点： jquery 的核心函数之对象拜访（$this0）7. 有这样
3、一个表单元素,想要找到这个 hidden 元素,下面哪个是正确的？ 单项 A、visible B、hidden C 、visible D、hidden 考点： jquery 的挑选器（B）假如需要匹配包含文本的元素,用下面哪种来实现？ 单项 A、text B、contains C、input D、attrname 考点： jquery 的挑选器（B）现有一个表格,假如想要匹配全部行数为偶数的,用考点： jquery的挑选器（even,odd ）_实现,奇数的用 _实现；假如想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素？ 单项 A、text B、get C、eq D 、c
4、ontents （）考点： jquery 的挑选器（C）在一个表单里, 想要找到指定元素的第一个元素用考点： jquery的挑选器（first,eq1）_实现,那么其次个元素用 _实现；细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页,共 13 页 - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆下面哪种不属于 jquery 的挑选？（单项）A、过滤 B 、自动 C、查找 D、串联考点： jquery的挑选 B 文档处理的？（多项）下面哪几种是属
5、于jqueryA、包裹 B 、替换 C、删除 D、内部和外部插入考点： jquery 的文档处理 ABD 假如想在一个指定的元素后添加内容,下面哪个是实现该功能的？（单项）A、appendcontent B、appendTocontent C、insertAftercontent D、aftercontent 考点： jquery 的文档处理 D 在 jquery 中,用一个表达式来检查当前挑选的元素集合,使用 _来实现,假如这个表达式失效,就返回 _值；考点： jquery 的挑选 （isexpr,false）在 jquey 中,假如想要从 DOM中删除全部匹配的元素,下面哪一个是正确的？（
6、单项）A、delete B、empty C 、remove D 、removeAll 考点： jquery 的文档处理（C）在 jquery 中,想要给第一个指定的元素添加样式,下面哪一个是正确的？（单项）A、first B、eq1 C 、cssname D 、cssname,value 考点： jquery 的 css 处理 （C）在编写页面的时候,假如想要猎取指定元素在当前窗口的相对偏移,用 返回值有两个属性,分别是 _和_；考点： jquery 的 css 处理 （offset,top,left）_来实现,该方法的在 jquery 中,假如想要猎取当前窗口的宽度值,下面哪个是实现该功能的
7、？（单项）A、width B、widthval C、width D 、innerWidth 考点： jquery 的 css 处理 （A）在一个表单中,假如将全部的 div 元素都设置为绿色,实现功能是 _；考点： jquery 的 css 处理 $ “ div ” .css “ color ” , ” green” 为每一个指定元素的指定大事 （像 click ）绑定一个大事处理器函数, 下面哪个是用来实现该功能的？（单项）A、trigger type B、bindtype C、onetype D、bind 考点： jquery 的大事操作 B 在 jquery 中,鼠标移动到一个指定的元素
8、上,会触发指定的一个方法,实现该操作的是_；考点： jquery的大事操作 hoverover,out 第 2 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆下面哪几个不是属于jquery的大事处理 . 多项 A、bindtype B、click C、change D 、onetype 考点： jquery 的大事处理 BC 在一个表单中,假如想要给输入框添加一个输入验证,可以用下面的哪个
9、大事实现？ 单项 A、hoverover ,out B、keypress （fn ） C 、change D 、changefn 考点： jquery 的大事处理 D 当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个大事来实现？（单项）A、clickfn B、changefn C 、selectfn D、bindfn 考点： jquery 的大事处理 C 在 jquery 中,想让一个元素隐匿,用 _实现,显示隐匿的元素用 _实现；考点： jquery 的页面成效（hide,show）在一个表单中,用 600 毫秒缓慢的将段落滑上,用 _来实现；考点： jquery 的页面
10、成效（$ “ p” .slideUp“ slow” ）在 jquery 中,假如想要自定义一个动画,用 _函数来实现；考点： jquery 的页面成效 animateparams, options 在 jquery 中想要实现通过远程 http get 恳求载入信息功能的是下面的哪一下大事？ 单项 A、$.ajax B、loadurl C、$.geturl D、$. getScripturl 考点： jquery 的 ajax C 下面不属于 ajax 大事的是？ 单项 A、ajaxCompletecallback B、ajaxSuccesscallback C、$.posturl D、aja
11、xSendcallback 考点： jquery的 ajax （C）完全将 jQuery 变量仍原,可以使用 _方法实现；考点： jquery 的多库共存 $.noConflictextreme 上机题：用 jquery 来实现动态添加和删除表格行在一个表单中,查找全部选中的 input 元素,可以用 jquery 中的 _来实现；考点： jquery 的挑选器（ :not）下面哪几种是 jquery 中表单的对象属性？（多项）A、:checked B 、: enabled C、:hidden D 、 :selected E、:file F、: disabled 考点： jquery 的挑选器
12、（ ABDF）在 jquery 中假如将一个“ 名 / 值” 形式的对象设置为全部指定元素的属性,可以用 _实现；考点： jquery挑选器之属性（attrpro） 第 3 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆在 jquery 中指定一个类,假如存在就执行删除功能,假如不存在就执行添加功能,下面哪一个是可以直接完成该功能的？（单项）A、removeClass B 、deleteC
13、lass C、toggleClassclass D、addClass 考点： jquery 的属性 （C）在 jquery 中想要找到全部元素的同辈元素,下面哪一个是可以实现的？（单项）A、eqindex B、findexpr C、siblingsexpr D、next 考点： jquery 的挑选 （C）二、css 测试题css 的语法由 _、_、_三部分组成；考点： css 的语法 挑选器、属性和值 下面哪一个不是检索一个对象的定位方式的属性 . （单项）A、static B、absolute C 、fixed D 、top 考点： css 的定位（D）下面哪个是 display 布局中用
14、来设置对象以块显示,并添加新行的？（单项）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; 下面哪个是实现该功能的？ 单为一个图片设置成背景图像后,设置背景图像在纵向和横向上平铺,选 A、no-repeat B 、repeat
15、 C 、repeat-x D 、repeat-y 考点： css 的背景 background repeat 想要设置一个对象外的线条轮廓的样式为虚线边框,用 考点： css 的轮廓 outline outline-style: dashed _实现该功能；在 css 中,假如想要阻挡计数器增加的,用 _来实现；考点： css 的内容 content counter-increment : none 在编写 css 样式的时候,假如想要设置标记容器和主容器之间的补白,用 考点： css 的列表 marker-offset _来表示；假如想设置表格的行与单元格的边框合并在一起,可以用_来实现；
16、第 4 页,共 13 页 考点： css 的表格（border-collapse：collapse ）细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆假如想设置一个对象内文本的流淌和方向,用 是_、_；_标签来实现,该标签有两个值,分别考点： css 的文本 Text （text-layout-flow,horizontal、vertical-ideographic）下的值？（单在编写 css 样式的时候,假
17、如想要设置文本的对齐方式,下面哪一个不是text-align选）A、left B、right C、top D 、justify 考点： css 的文本 Text C 在 css 中,假如想要设置对象中文本的样式,下面哪一个不是该标签的值？ 单项 A、blink B 、line-through C、color D 、overline 考点： css 的字体 font （C）在 css 中,设置滚动条的表面颜色,是用下面的哪个标签来实现的？（单项）A、scrollbar-base-color B、scrollbar-face-color C、scrollbar-arrow-color D、scro
18、llbar-shadow-color 考点： css 的滚动条 scrollbar（B）三、问答题1. 什么是 jQuery. jQuery 是继 prototype之后又一个优秀的Javascr pt框架；2. HTML 代码：This is a DIV 1 把这个 HTML元素转化为 jQuery 对象的语句是？2 得到 div 元素内文本的语句可以是哪些？3 把元素内文本设置为粗体的方法有？4 清空文本的方法有？1.$ “ div ” 2.$ “ div ” .text,$“ div ” .html 3.$ “ div ” .text“This is DIV” 4.$ “ div ” .
19、text“ ” 3. HTML 代码：1 $ :hidden .length的值是 . 1 2 $ form input , $ form input , $ form + input , $ form 第 5 页,共 13 页 input 分别返回代表哪些元素的jQuery 数组？$ form input 返回 form 下的全部 input 元素细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆$ form
20、 input 查找以 form 为父元素全部 input 子元素$ form + input 查找以 form 之外第一个 input子元素$ form input 查找以 form 之外全部 input子元素3 猎取 form 里其次个 input 元素的方法有？$ “ #div1 input” .eq1.parent返回的是？4 $ form input:first5 $ form input:first.parents.size的值是？1 6 $ #div1 .empty 与$ #div1 .remove 的结果有什么不同？$ #div1 .empty 清空 div1 的内容 结果为$
21、“ #div1 ” .remove 删除 div1 节点 及包含的子节点4. 有一个 button 执行以下 jQuery 语句：$ #btn .clickfunction alertclick me ; ;$ #btn .clickfunction alertclick me again.单击这个 button 会有什么成效？弹出 2 次对话框 分别是 click me, click me again 5. HTML 代码：Hello how are you. jQuery 代码 : Hi.end$p.findspan.text结果是？Hihow are you 1 你在公司是怎么用 jqu
22、ery 的？答：在项目中是怎么用的是看看你有没有项目体会 依据自己的实际情形来回答你用过的挑选器啊,复选框啊,表单啊,ajax 啊,大事等配置 Jquery 环境 下载 jquery 类库 在 jsp 页面引用 jquery 类库即可 接下来通过在 第 6 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆 $function ; 2 你为什么要使用 jquery ？答：由于 jQuery 是
23、轻量级的框架,大小不到30kb, 它有强大的挑选器,杰出的 DOM操作的封装,有牢靠的大事处理机制 jQuery 在处理大事绑定的时候相当的牢靠 ,完善的 ajax 它的 ajax 封装的特别的好,不需要考虑复杂浏览器的兼容性和 XMLHttpRequest 对象的创建和使用的问题； 杰出的浏览器的兼容性；而且支持链式操作,隐式迭代；行为层和结构层的分别,仍支持丰富的插件,jquery 的文档也特别的丰富；3 你觉得 jquery 有哪些好处？答案同上4 你使用 jquery 遇到过哪些问题,你是怎么解决的？答：这个答案是开发的,看你是否有相关的项目体会；例 前台拿不到值, JSON 可是显现
24、的错误 多了一个空格等 这编译是不会报错的jquery 库与其他库冲突：1假如其他库在 jquery 库之前导入的话 1. 我们可以通过 jquery.noconflict 将变量的 $的掌握权过度给其他库 2. 自定义快捷键 , 用一个变量接住 jquery.noconflict3. 通过函数传参 2假如 jquery 库在其他库之前导入就直接使用 jquery 今日在处理一个数据问题时,发觉 jQuery.ajax方法返回的值始终有问题,清除缓存后数据无误,多次测试后发觉返回的值都是之前的值, 并且始终未执行 url 后台为 JAVA,设置断点始终未进入 ；在网上查找下 , 发觉是未设置
25、type 的缘由；假如没设置 jQuery.ajax 的type=Post ,那么 ajax 就会默认 type=Get ,这就会导致之前数据被缓存起来；加上 type=Post ,问题解决！5 你知道 jquery 中的挑选器吗,请讲一下有哪些挑选器？答 ：jQuery 中的挑选器大致分为 : 基本挑选器,层次挑选器,过滤挑选器,表单挑选器6 jquery中的挑选器和 css 中的挑选器有区分吗？答： jQuery 挑选器支持 CSS里的挑选器,jQuery 挑选器可用来添加样式和添加相应的行为 CSS 中的挑选器是只能添加相应的样式7 你觉得 jquery 中的挑选器有什么优势？答：简洁的
26、写法 $ID 来代替 document.getElementById函数支持 CSS1 到 CSS3 挑选器 报错 完善的处理机制 就算写错了 id 也不会细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 7 页,共 13 页 - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆8 你在使用挑选器的时候有有没有什么觉得要留意的地方？答: 1 挑选器中含有 .,#, 等特别字符的时候需要进行转译2 属性挑选器的引号问题3 挑选器中含有空格的留意事项index的
27、丰9 jquery对象和 dom对象是怎样转换的？答 ：jquery 转 DOM对象:jQuery 对象是一个数组对象,可以通过富得到相应的 DOM对象仍可以通过 getindex去得到相应的 DOM对象；DOM对象转 jQuery 对象:$DOM对象 10 你是如何使用 jquery 中的 ajax 的？答: 假如是一些常规的 ajax 程序的话, 使用 load,$.get,$.post, 就可以搞定了,一般我会使用的是 $.post 方法；假如需要设定beforeSend 提交前回调函数 ,error 失败后处理 ,success 胜利后处理 及 complete 恳求完成后处理 回调函
28、数等, 这个时候我会使用 $.ajax 11 你觉得 jquery 中的 ajax 好用吗,为什么？答: 好用的；由于 jQuery 供应了一些日常开发中夙瑶的快捷操作,例load ,ajax ,get ,post 等等,所以使用 jQuery 开发 ajax 将变得极其简洁,我们就可以集中精力在业务和用户的体验上,不需要去理睬那些繁琐的 XMLHttpRequest 对象了；12 jquery 中$.get 提交和 $.post 提交有区分吗？答: 1 $.get 方法使用 GET方法来进行异步恳求的； $.post 方法使用 POST方法来进行异步恳求的；2 get 恳求会将参数跟在 UR
29、L后进行传递,而 POST恳求就是作为 HTTP消息的实体 内容发送给 Web服务器的,这种传递是对用户不行见的；3 get 方式传输的数据大小不能超过 2KB 而 POST要大的多4 GET 方式恳求的数据会被浏览器缓存起来,因通此有安全问题；13 jquery中的 load 方法一般怎么用的？答： load 方法一般在载入远程 HTML 代码并插入到 DOM中的时候用常用来从 Web服务器上猎取静态的数据文件；可以使用 $.get 或 $.post 假如要传递参数的话,14 在 jquery 中你是如何去操作样式的？答: addClass 来追加样式toggle 来切换样式removeCl
30、ass 来删除样式细心整理归纳 精选学习资料 15 简洁的讲叙一下jquery 是怎么处理大事的,你用过哪些大事？ 第 8 页,共 13 页 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆答: 第一去装载文档, 在页面家在完毕后, 浏览器会通过 javascript 元素添加大事；为 DOM16 你使用过 jquery 中的动画吗,是怎样用的？答: 使用过；hide 和 show 同时修改多个样式属性；像高度,宽度,不透亮度；fade
31、In 和 fadeOut fadeTo 只转变不透亮度slideUp 和 slideDown slideToggle 只转变高度animate 属于自定义动画的方法 . 17 你使用过 jquery 中的插件吗？答: 看个人的实力和体会来回答了；18 你一般用什么去提交数据,为什么？答: 一般我会使用的是 $.post 方法；假如需要设定 beforeSend 提交前回调函数 ,error 失败后处理 ,success 胜利后处理 及complete 恳求完成后处理 回调函数等,这个时候我会使用 $.ajax 19 在 jquery 中引入 css 有几种方式？答: 四种 行内式,内嵌式,导入
32、式,链接式20 你在 jquery 中使用过哪些插入节点的方法,它们的区分是什么？答 :append,appendTo,prepend,prependTo,after,insertAfter追加 before,insertBefore 大致可以分为内部追加和外部 append 表式向每个元素内部追加内容； appendTo 表示 讲全部的元素追加到指定的元素中；追加到 B 中 下面的方法说明类似例$AappendToB 是将 A21 你使用过包裹节点的方法吗,包裹节点有方法有什么好处？答: wrapAll,wrap, wrapInner 化标记的时候可以使用这些包裹的方法义需要在文档中插入额外
33、的结构 应为它不会帛画原始文档的语22 jquery中如何来猎取或和设置属性？jQuery 中可以用 attr方法来猎取和设置元素属性removeAttr 方法来删除元素属性23 如何来设置和猎取HTML 和文本的值？答： html 方法 类似于 innerHTML 属性 可以用来读取或者设置某个元素中的HTML内容留意： html 可以用于 xhtml 文档 不能用于 xml 文档 第 9 页,共 13 页 text 类似于 innerText属性 可以用来读取或设置某个元素中文本内容；val 可以用来设置和猎取元素的值细心整理归纳 精选学习资料 - - - - - - - - - - -
34、- - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆24 你 jquery 中有哪些方法可以遍历节点？答 ：children 取得匹配元素的子元素集合 , 只考虑子元素不考虑后代元素next 取得匹配元素后面紧邻的同辈元素 prev 取得匹配元素前面紧邻的同辈元素 siblings 取得匹配元素前后的全部同辈元素 closest 取得最近的匹配元素 find 取得匹配元素中的元素集合 包括子代和后代25 子元素挑选器 和后代挑选器元素有什么区分？答: 子代元素是找子节点下的全部元素
35、中的元素26 在 jquery 中可以替换节点吗？, 后代元素是找子节点或子节点的子节点答：可以在 jQuery 中有两者替换节点的方式replaceWith 和替换replaceAll 例如在 hao are you成I am fine $p.replaceWithI am fine; replaceAll 与 replaceWith的用法前后调换一下即可；27 你觉得 beforeSend 方法有什么用？答：发送恳求前可以修改 假如返回 false XMLHttpRequest 对象的函数,在 beforeSend 中 可以取消本次的 Ajax 恳求； XMLHttpRequest 对象是
36、唯一的参数 所以在这个方法里可以做验证28 siblings 方法 和 $prevdiv 挑选器是一样的嘛？答: $prevdiv 只能挑选 #prev 元素后面的同辈 元素 而siblings 方法与前后的文职无关,只要是同辈节点就都能匹配；29 你在 ajax 中使用过 JSON吗,你是如何用的？答: 使用过,在 $.getJSON 方法的时候就是；由于 $.getJSON 就是用于加载 JSON文件的30 有哪些查询节点的挑选器？答：我在公司使用过 :first 数但是索引从 0 开头查询第一个, :last 查询最终一个, :odd 查询奇:even 查询偶数, :eqindex 查询
37、相等的 ,:gtindex查询大于 index 的 ,:lt查询小于 index :header 选取全部的标题等31 nextAll 能 替代$prevsiblindgs挑选器吗？ 第 10 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆答: 能； 使用 nextAll 和使用 $prevsiblindgs 是一样的32 jQuery 中有几种方法可以来设置和猎取 样式答 ：addCla
38、ss 方法, attr 方法33 $document.ready方法和 window.onload 有什么区分？答: 两个方法有相像的功能,但是在实行时机方面是有区分的；1 window.onload 方法是在网页中全部的元素 包括元素的全部关联文件 完全加载到浏览器后才执行的；2 $document.ready 方法可以在 DOM载入就绪时就对其进行操纵,并调用 数；34 jQuery 是如何处理缓存的？执行绑定的函答 ：要处理缓存就是禁用缓存. 1 通过$.post 方法来猎取数据,那么默认就是禁用缓存的；2 通过 $.get方法 来猎取数据, 可以通过设置时间戳来防止缓存；可以在 URL后面加上 +new Date 例 $.getajax.xml.+new Date,function / 内容 ; 3 通过$.ajax 方法来猎取数据, 只要设置 cache:false 即可；35 $.getScript 方法 和 $.getJson 方法有什么区分？答: 1 $.getScript 方法可以直接加载 .js 文件,并且不