2022年jQuery整合面试题及答案.docx

名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆一、Jquery 测试题下面哪种不是 jquery 的挑选器？ 单项 A、基本挑选器 B、后代挑选器 C、类挑选器 D 、进一步挑选器考点:jquery的挑选器 C 、jQuerycallback D、当 DOM加载完成后要执行的函数,下面哪个是正确的？ 单项 jQueryexpression, context B、jQueryhtml, ownerDocument CjQueryelements 考点： jquery 的核心函数 C 下面哪一个是用来追加到指定元素的末尾的？ 单项 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. 有这样一个表单元素,想要找到这个 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 、contents （）考点： jquery 的挑选器（C）在一个表单里, 想要找到指定元素的第一个元素用考点： jquery的挑选器（first,eq1）_实现,那么其次个元素用 _实现；细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页,共 13 页 - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆下面哪种不属于 jquery 的挑选？（单项）A、过滤 B 、自动 C、查找 D、串联考点： jquery的挑选 B 文档处理的？（多项）下面哪几种是属于jqueryA、包裹 B 、替换 C、删除 D、内部和外部插入考点： jquery 的文档处理 ABD 假如想在一个指定的元素后添加内容,下面哪个是实现该功能的？（单项）A、appendcontent B、appendTocontent C、insertAftercontent D、aftercontent 考点： jquery 的文档处理 D 在 jquery 中,用一个表达式来检查当前挑选的元素集合,使用 _来实现,假如这个表达式失效,就返回 _值；考点： jquery 的挑选 （isexpr,false）在 jquey 中,假如想要从 DOM中删除全部匹配的元素,下面哪一个是正确的？（单项）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 中,假如想要猎取当前窗口的宽度值,下面哪个是实现该功能的？（单项）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 中,鼠标移动到一个指定的元素上,会触发指定的一个方法,实现该操作的是_；考点： jquery的大事操作 hoverover,out 第 2 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆下面哪几个不是属于jquery的大事处理 . 多项 A、bindtype B、click C、change D 、onetype 考点： jquery 的大事处理 BC 在一个表单中,假如想要给输入框添加一个输入验证,可以用下面的哪个大事实现？ 单项 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 的页面成效（$ “ 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、ajaxSendcallback 考点： 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 的挑选器（ ABDF）在 jquery 中假如将一个“ 名 / 值” 形式的对象设置为全部指定元素的属性,可以用 _实现；考点： jquery挑选器之属性（attrpro） 第 3 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆在 jquery 中指定一个类,假如存在就执行删除功能,假如不存在就执行添加功能,下面哪一个是可以直接完成该功能的？（单项）A、removeClass B 、deleteClass 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 布局中用来设置对象以块显示,并添加新行的？（单项）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 C 、repeat-x D 、repeat-y 考点： css 的背景 background repeat 想要设置一个对象外的线条轮廓的样式为虚线边框,用 考点： css 的轮廓 outline outline-style: dashed _实现该功能；在 css 中,假如想要阻挡计数器增加的,用 _来实现；考点： css 的内容 content counter-increment : none 在编写 css 样式的时候,假如想要设置标记容器和主容器之间的补白,用 考点： css 的列表 marker-offset _来表示；假如想设置表格的行与单元格的边框合并在一起,可以用_来实现； 第 4 页,共 13 页 考点： 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 中,假如想要设置对象中文本的样式,下面哪一个不是该标签的值？ 单项 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、scrollbar-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 ” .text“ ” 3. HTML 代码：1 $ :hidden .length的值是 . 1 2 $ form input , $ form > input , $ form + input , $ form 第 5 页,共 13 页 input 分别返回代表哪些元素的jQuery 数组？$ form input 返回 form 下的全部 input 元素细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆$ form > 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 的内容 结果为$ “ #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".find"span".text结果是？Hihow are you 1 你在公司是怎么用 jquery 的？答：在项目中是怎么用的是看看你有没有项目体会 依据自己的实际情形来回答你用过的挑选器啊,复选框啊,表单啊,ajax 啊,大事等配置 Jquery 环境 下载 jquery 类库 在 jsp 页面引用 jquery 类库即可<script type="text/javascript" src="jquery/jquery-1.7.2.min.js"/> 接下来通过在 第 6 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆<script> $function ;</script> 2 你为什么要使用 jquery ？答：由于 jQuery 是轻量级的框架,大小不到30kb, 它有强大的挑选器,杰出的 DOM操作的封装,有牢靠的大事处理机制 jQuery 在处理大事绑定的时候相当的牢靠 ,完善的 ajax 它的 ajax 封装的特别的好,不需要考虑复杂浏览器的兼容性和 XMLHttpRequest 对象的创建和使用的问题； 杰出的浏览器的兼容性；而且支持链式操作,隐式迭代；行为层和结构层的分别,仍支持丰富的插件,jquery 的文档也特别的丰富；3 你觉得 jquery 有哪些好处？答案同上4 你使用 jquery 遇到过哪些问题,你是怎么解决的？答：这个答案是开发的,看你是否有相关的项目体会；例 前台拿不到值, JSON 可是显现的错误 多了一个空格等 这编译是不会报错的jquery 库与其他库冲突：1>假如其他库在 jquery 库之前导入的话 1. 我们可以通过 jquery.noconflict 将变量的 $的掌握权过度给其他库 2. 自定义快捷键 , 用一个变量接住 jquery.noconflict3. 通过函数传参 2>假如 jquery 库在其他库之前导入就直接使用 jquery 今日在处理一个数据问题时,发觉 jQuery.ajax方法返回的值始终有问题,清除缓存后数据无误,多次测试后发觉返回的值都是之前的值, 并且始终未执行 url 后台为 JAVA,设置断点始终未进入 ；在网上查找下 , 发觉是未设置 type 的缘由；假如没设置 jQuery.ajax 的type="Post" ,那么 ajax 就会默认 type="Get" ,这就会导致之前数据被缓存起来；加上 type="Post" ,问题解决！5 你知道 jquery 中的挑选器吗,请讲一下有哪些挑选器？答 ：jQuery 中的挑选器大致分为 : 基本挑选器,层次挑选器,过滤挑选器,表单挑选器6 jquery中的挑选器和 css 中的挑选器有区分吗？答： jQuery 挑选器支持 CSS里的挑选器,jQuery 挑选器可用来添加样式和添加相应的行为 CSS 中的挑选器是只能添加相应的样式7 你觉得 jquery 中的挑选器有什么优势？答：简洁的写法 $'ID' 来代替 document.getElementById函数支持 CSS1 到 CSS3 挑选器 报错 完善的处理机制 就算写错了 id 也不会细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 7 页,共 13 页 - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆8 你在使用挑选器的时候有有没有什么觉得要留意的地方？答: 1 挑选器中含有 ".","#","" 等特别字符的时候需要进行转译2 属性挑选器的引号问题3 挑选器中含有空格的留意事项index的丰9 jquery对象和 dom对象是怎样转换的？答 ：jquery 转 DOM对象:jQuery 对象是一个数组对象,可以通过富得到相应的 DOM对象仍可以通过 getindex去得到相应的 DOM对象；DOM对象转 jQuery 对象:$DOM对象 10 你是如何使用 jquery 中的 ajax 的？答: 假如是一些常规的 ajax 程序的话, 使用 load,$.get,$.post, 就可以搞定了,一般我会使用的是 $.post 方法；假如需要设定beforeSend 提交前回调函数 ,error 失败后处理 ,success 胜利后处理 及 complete 恳求完成后处理 回调函数等, 这个时候我会使用 $.ajax 11 你觉得 jquery 中的 ajax 好用吗,为什么？答: 好用的；由于 jQuery 供应了一些日常开发中夙瑶的快捷操作,例load ,ajax ,get ,post 等等,所以使用 jQuery 开发 ajax 将变得极其简洁,我们就可以集中精力在业务和用户的体验上,不需要去理睬那些繁琐的 XMLHttpRequest 对象了；12 jquery 中$.get 提交和 $.post 提交有区分吗？答: 1 $.get 方法使用 GET方法来进行异步恳求的； $.post 方法使用 POST方法来进行异步恳求的；2 get 恳求会将参数跟在 URL后进行传递,而 POST恳求就是作为 HTTP消息的实体 内容发送给 Web服务器的,这种传递是对用户不行见的；3 get 方式传输的数据大小不能超过 2KB 而 POST要大的多4 GET 方式恳求的数据会被浏览器缓存起来,因通此有安全问题；13 jquery中的 load 方法一般怎么用的？答： load 方法一般在载入远程 HTML 代码并插入到 DOM中的时候用常用来从 Web服务器上猎取静态的数据文件；可以使用 $.get 或 $.post 假如要传递参数的话,14 在 jquery 中你是如何去操作样式的？答: addClass 来追加样式toggle 来切换样式removeClass 来删除样式细心整理归纳 精选学习资料 15 简洁的讲叙一下jquery 是怎么处理大事的,你用过哪些大事？ 第 8 页,共 13 页 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆答: 第一去装载文档, 在页面家在完毕后, 浏览器会通过 javascript 元素添加大事；为 DOM16 你使用过 jquery 中的动画吗,是怎样用的？答: 使用过；hide 和 show 同时修改多个样式属性；像高度,宽度,不透亮度；fadeIn 和 fadeOut fadeTo 只转变不透亮度slideUp 和 slideDown slideToggle 只转变高度animate 属于自定义动画的方法 . 17 你使用过 jquery 中的插件吗？答: 看个人的实力和体会来回答了；18 你一般用什么去提交数据,为什么？答: 一般我会使用的是 $.post 方法；假如需要设定 beforeSend 提交前回调函数 ,error 失败后处理 ,success 胜利后处理 及complete 恳求完成后处理 回调函数等,这个时候我会使用 $.ajax 19 在 jquery 中引入 css 有几种方式？答: 四种 行内式,内嵌式,导入式,链接式20 你在 jquery 中使用过哪些插入节点的方法,它们的区分是什么？答 :append,appendTo,prepend,prependTo,after,insertAfter追加 before,insertBefore 大致可以分为内部追加和外部 append 表式向每个元素内部追加内容； appendTo 表示 讲全部的元素追加到指定的元素中；追加到 B 中 下面的方法说明类似例$AappendToB 是将 A21 你使用过包裹节点的方法吗,包裹节点有方法有什么好处？答: wrapAll,wrap, wrapInner 化标记的时候可以使用这些包裹的方法义需要在文档中插入额外的结构 应为它不会帛画原始文档的语22 jquery中如何来猎取或和设置属性？jQuery 中可以用 attr方法来猎取和设置元素属性removeAttr 方法来删除元素属性23 如何来设置和猎取HTML 和文本的值？答： html 方法 类似于 innerHTML 属性 可以用来读取或者设置某个元素中的HTML内容留意： html 可以用于 xhtml 文档 不能用于 xml 文档 第 9 页,共 13 页 text 类似于 innerText属性 可以用来读取或设置某个元素中文本内容；val 可以用来设置和猎取元素的值细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆24 你 jquery 中有哪些方法可以遍历节点？答 ：children 取得匹配元素的子元素集合 , 只考虑子元素不考虑后代元素next 取得匹配元素后面紧邻的同辈元素 prev 取得匹配元素前面紧邻的同辈元素 siblings 取得匹配元素前后的全部同辈元素 closest 取得最近的匹配元素 find 取得匹配元素中的元素集合 包括子代和后代25 子元素挑选器 和后代挑选器元素有什么区分？答: 子代元素是找子节点下的全部元素 中的元素26 在 jquery 中可以替换节点吗？, 后代元素是找子节点或子节点的子节点答：可以在 jQuery 中有两者替换节点的方式replaceWith 和替换replaceAll 例如在 <p title="hao are you">hao are you</p>成<strong>I am fine<strong> $'p'.replaceWith'<strong>I am fine</strong>' replaceAll 与 replaceWith的用法前后调换一下即可；27 你觉得 beforeSend 方法有什么用？答：发送恳求前可以修改 假如返回 false XMLHttpRequest 对象的函数,在 beforeSend 中 可以取消本次的 Ajax 恳求； XMLHttpRequest 对象是唯一的参数 所以在这个方法里可以做验证28 siblings 方法 和 $'prevdiv' 挑选器是一样的嘛？答: $'prevdiv' 只能挑选 '#prev' 元素后面的同辈 <div> 元素 而siblings 方法与前后的文职无关,只要是同辈节点就都能匹配；29 你在 ajax 中使用过 JSON吗,你是如何用的？答: 使用过,在 $.getJSON 方法的时候就是；由于 $.getJSON 就是用于加载 JSON文件的30 有哪些查询节点的挑选器？答：我在公司使用过 :first 数但是索引从 0 开头查询第一个, :last 查询最终一个, :odd 查询奇:even 查询偶数, :eqindex 查询相等的 ,:gtindex查询大于 index 的 ,:lt查询小于 index :header 选取全部的标题等31 nextAll 能 替代$'prevsiblindgs'挑选器吗？ 第 10 页,共 13 页 细心整理归纳 精选学习资料 - - - - - - - - - - - - - - - - - - - - - - - - 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -学而不思就惘,思而不学就殆答: 能； 使用 nextAll 和使用 $'prevsiblindgs' 是一样的32 jQuery 中有几种方法可以来设置和猎取 样式答 ：addClass 方法, attr 方法33 $document.ready方法和 window.onload 有什么区分？答: 两个方法有相像的功能,但是在实行时机方面是有区分的；1 window.onload 方法是在网页中全部的元素 包括元素的全部关联文件 完全加载到浏览器后才执行的；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 方法 和 $.getJson 方法有什么区分？答: 1 $.getScript 方法可以直接加载 .js 文件,并且不