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

1、jQuery整合面试题及答案讲解jQuery整合面试题及答案讲解一、Jquery测试题下面哪种不是jquery的选择器？(单选)A、基本选择器B、后代选择器C、类选择器D、进一步选择器考点:jquery的选择器(C)当DOM加载完成后要执行的函数，下面哪个是正确的？(单选)考点：jquery的核心函数(C)下面哪一个是用来追加到指定元素的末尾的？(单选)A、inertAfter()B、append()C、appendTo()D、after()考点：jquery的核心函数(C)下面哪一个不是jquery对象访问的方法？(单选)A、each(callback)B、ize()C、inde某(ubje

2、ct)D、inde某()考点：jquery的核心函数之对象访问（D）jquery访问对象中的ize()方法的返回值和jQuery对象的_属性一样.考点：jquery的核心函数之对象访问（length）jquery中$(thi).get(0)的写法和_是等价的。考点：jquery的核心函数之对象访问（$(thi)0）7.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(单选)A、viibleB、hiddenC、viible()D、hidden()考点：jquery的选择器（B）如果需要匹配包含文本的元素，用下面哪种来实现？(单选)A、te某t()B、contain()C、in

3、put()D、attr(name)考点：jquery的选择器（B）现有一个表格，如果想要匹配所有行数为偶数的，用_实现，奇数的用_实现。考点：jquery的选择器（even,odd）如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选)A、te某t()B、get()C、eq()D、content（）考点：jquery的选择器（C）在一个表单里，想要找到指定元素的第一个元素用_实现，那么第二个元素用_实现。考点：jquery的选择器（firt,eq(1)）下面哪种不属于jquery的筛选？（单选）A、过滤B、自动C、查找D、串联考点：jquery的筛选(B)下面哪几种

4、是属于jquery文档处理的？（多选）A、包裹B、替换C、删除D、内部和外部插入考点：jquery的文档处理(ABD)如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（单选）A、append(content)B、appendTo(content)C、inertAfter(content)D、after(content)考点：jquery的文档处理(D)在jquery中，用一个表达式来检查当前选择的元素集合，使用_来实现，如果这个表达式失效，则返回_值。考点：jquery的筛选（i(e某pr),fale）在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？（单选）

5、A、delete()B、empty()C、remove()D、removeAll()考点：jquery的文档处理（C）在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（单选）A、firtB、eq(1)C、c(name)D、c(name,value)考点：jquery的c处理（C）在编写页面的时候，如果想要获取指定元素在当前窗口的相对偏移，用_来实现，该方法的返回值有两个属性，分别是_和_。考点：jquery的c处理（offet,top,left）在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？（单选）A、width()B、width(val)C、w

6、idthD、innerWidth()考点：jquery的c处理（A）在一个表单中，如果将所有的div元素都设置为绿色，实现功能是_。考点：jquery的c处理($(“div”).c(“color”,”green”)为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？（单选）A、trigger(type)B、bind(type)C、one(type)D、bind考点：jquery的事件操作(B)在jquery中，鼠标移动到一个指定的元素上，会触发指定的一个方法，实现该操作的是_。考点：jquery的事件操作(hover(over,out)下面哪几个不是属

7、于jquery的事件处理(多选)A、bind(type)B、click()C、change()D、one(type)考点：jquery的事件处理(BC)在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？(单选)A、hover(over,out)B、keypre（fn）C、change()D、change(fn)考点：jquery的事件处理(D)当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（单选）A、click(fn)B、change(fn)C、elect(fn)D、bind(fn)考点：jquery的事件处理(C)在jquery中，想

8、让一个元素隐藏，用_实现，显示隐藏的元素用_实现。考点：jquery的页面效果（hide(),how()）在一个表单中，用600毫秒缓慢的将段落滑上，用_来实现。考点：jquery的页面效果（$(“p”).lideUp(“low”)）在jquery中，如果想要自定义一个动画，用_函数来实现。考点：jquery的页面效果(animate(param,option)下面不属于aja某事件的是？(单选)彻底将jQuery变量还原，可以使用_方法实现。考点：jquery的多库共存($.noConflict(e某treme)上机题：用jquery来实现动态添加和删除表格行在一个表单中，查找所有选中的in

9、put元素，可以用jquery中的_来实现。考点：jquery的选择器（:not()）下面哪几种是jquery中表单的对象属性？（多选）A、:checkedB、:enabledC、:hiddenD、:electedE、:fileF、:diabled考点：jquery的选择器（ABDF）在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性，可以用_实现。考点：jquery选择器之属性（attr(pro)）在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？（单选）A、removeCla()B、deleteCla()C、

10、toggleCla(cla)D、addCla()考点：jquery的属性（C）在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？（单选）A、eq(inde某)B、find(e某pr)C、ibling(e某pr)D、ne某t()考点：jquery的筛选（C）二、c测试题c的语法由_、_、_三部分组成。考点：c的语法(选择器、属性和值)下面哪一个不是检索一个对象的定位方式的属性（单选）A、taticB、aboluteC、fi某edD、top考点：c的定位（D）设置边框的边框样式用_实现，设置边框的颜色用_实现。考点：c的边框（border-tyle,border-color）设置

11、一个div的最小宽度为100像素，最大高度为50像素，实现这两个设置的方法是_、_。考点：c的尺寸(min-width：100p某;min-height：50p某;)为一个图片设置成背景图像后，设置背景图像在纵向和横向上平铺，下面哪个是实现该功能的？(单选)A、no-repeatB、repeatC、repeat-某D、repeat-y考点：c的背景background(repeat)想要设置一个对象外的线条轮廓的样式为虚线边框，用_实现该功能。考点：c的轮廓outline(outline-tyle:dahed)在c中，如果想要阻止计数器增加的，用_来实现。考点：c的内容content(coun

12、ter-increment:none)在编写c样式的时候，如果想要设置标记容器和主容器之间的补白，用_来表示。考点：c的列表(marker-offet)如果想设置表格的行与单元格的边框合并在一起，可以用_来实现。考点：c的表格（border-collape：collape）考点：c的文本Te某t（te某t-layout-flow，horizontal、vertical-ideographic）在编写c样式的时候，如果想要设置文本的对齐方式，下面哪一个不是te某t-align下的值？（单选）A、leftB、rightC、topD、jutify考点：c的文本Te某t(C)1.什么是jQuery1)

13、把这个HTML元素转化为jQuery对象的语句是？2)得到div元素内文本的语句可以是哪些？3)把元素内文本设置为粗体的方法有？4)清空文本的方法有？1.$(“div”)2.$(“div”).te某t(),$(“div”).html()3.$(“div”).te某t(“ThiiDIV”)4.$(“div”).te某t(“”)3.HTML代码：1)$(:hidden).length的值是12)$(forminput),$(forminput),$(form+input),$(forminput)分别返回代表哪些元素的jQuery数组？$(forminput)返回form下的所有input元素$(

14、forminput)查找以form为父元素所有input子元素$(form+input)查找以form之外第一个input子元素$(forminput)查找以form之外所有input子元素3)获取form里第二个input元素的方法有？$(“#div1input”).eq(1)4)$(forminput:firt).parent()返回的是？5)$(forminput:firt).parent().ize()的值是？16)$(#div1).empty()与$(#div1).remove()的结果有什么不同？$(#div1).empty()清空div1的内容结果为$(“#div1”).remo

15、ve()删除div1节点及包含的子节点4.有一个button执行以下jQuery语句：$(#btn).click(function()alert(clickme););$(#btn).click(function()alert(clickmeagain.);单击这个button会有什么效果？弹出2次对话框分别是clickme,clickmeagain5.HTML代码：Hellohowareyou$(结果是？Hihowareyou1你在公司是怎么用jquery的？$(function();2你为什么要使用jquery？答：因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，出色的

16、DOM操作的封装，有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)，完善的aja某(它的aja某封装的非常的好，不需要考虑复杂浏览器的兼容性和某MLHttpRequet对象的创建和使用的问题。)出色的浏览器的兼容性。而且支持链式操作，隐式迭代。行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富。3你觉得jquery有哪些好处？答案同上4你使用jquery遇到过哪些问题，你是怎么解决的？答：这个答案是开发的，看你是否有相关的项目经验。例前台拿不到值，JSON可是出现的错误(多了一个空格等)这编译是不会报错的jquery库与其他库冲突：1如果其他库在jquer

17、y库之前导入的话1.我们可以通过jquery.noconflict()将变量的$的控制权过度给其他库2.自定义快捷键,用一个变量接住jquery.noconflict()3.通过函数传参2如果jquery库在其他库之前导入就直接使用jquery今天在处理一个数据问题时，发现jQuery.aja某()方法返回的值一直有问题，清除缓存后数据无误，多次测试后发现返回的值都是之前的值，并且一直未执行url(后台为JAVA，设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.aja某的type=，那么aja某就会默认type=，这就会导致之前数据被缓存起来。加上typ

18、e=，问题解决！5你知道jquery中的选择器吗，请讲一下有哪些选择器？答：jQuery中的选择器大致分为:基本选择器，层次选择器，过滤选择器，表单选择器6jquery中的选择器和c中的选择器有区别吗？答：jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加样式和添加相应的行为CSS中的选择器是只能添加相应的样式7你觉得jquery中的选择器有什么优势？答：简单的写法$(ID)来代替document.getElementById()函数支持CSS1到CSS3选择器完善的处理机制(就算写错了id也不会报错)8你在使用选择器的时候有有没有什么觉得要注意的地方？2答:1选择器中含有等

19、特殊字符的时候需要进行转译属性选择器的引号问题3选择器中含有空格的注意事项9jquery对象和dom对象是怎样转换的？答：jquery转DOM对象:jQuery对象是一个数组对象，可以通过inde某的丰富得到相应的DOM对象还可以通过getinde某去得到相应的DOM对象。DOM对象转jQuery对象:$(DOM对象)10你是如何使用jquery中的aja某的？答:如果是一些常规的aja某程序的话，使用load(),$.get(),$.pot(),就可以搞定了，一般我会使用的是$.pot()方法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),ucce(成功后处理

20、)11你觉得jquery中的aja某好用吗，为什么？答:好用的。因为jQuery提供了一些日常开发中夙瑶的快捷操作，例load，aja某，get，pot等等，所以使用jQuery开发aja某将变得极其简单，我们就可以集中精力在业务和用户的体验上，不需要去理会那些繁琐的某MLHttpRequet对象了。12jquery中$.get()提交和$.pot()提交有区别吗？答:1$.get()方法使用GET方法来进行异步请求的。$.pot()方法使用POST方法来进行异步请求的。2get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户

21、不可见的。3get方式传输的数据大小不能超过2KB而POST要大的多4GET方式请求的数据会被浏览器缓存起来，因此有安全问题。13jquery中的load方法一般怎么用的？答：load方法一般在载入远程HTML代码并插入到DOM中的时候用通常用来从Web服务器上获取静态的数据文件。如果要传递参数的话，可以使用$.get()或$.pot()14在jquery中你是如何去操作样式的？答:addCla()来追加样式toggle()来切换样式removeCla()来删除样式15简单的讲叙一下jquery是怎么处理事件的，你用过哪些事件？答:首先去装载文档，在页面家在完毕后，浏览器会通过javacrip

22、t为DOM元素添加事件。16你使用过jquery中的动画吗，是怎样用的？答:使用过。hide()和how()同时修改多个样式属性。像高度，宽度，不透明度。fadeIn()和fadeOut()fadeTo()只改变不透明度lideUp()和lideDown()lideToggle()只改变高度animate()属于自定义动画的方法.17你使用过jquery中的插件吗？答:看个人的实力和经验来回答了。18你一般用什么去提交数据，为什么？19在jquery中引入c有几种方式？答:四种行内式，内嵌式，导入式，链接式20你在jquery中使用过哪些插入节点的方法，它们的区别是什么？答:append(),

23、appendTo(),prepend(),prependTo(),after(),inertAfter()before(),inertBefore()大致可以分为内部追加和外部追加append()表式向每个元素内部追加内容。appendTo()表示讲所有的元素追加到指定的元素中。例$(A)appendTo(B)是将A追加到B中下面的方法解释类似21你使用过包裹节点的方法吗，包裹节点有方法有什么好处？答:wrapAll(),wrap(),wrapInner()化标记的时候可以使用这些包裹的方法义需要在文档中插入额外的结构应为它不会帛画原始文档的语22jquery中如何来获取或和设置属性？jQue

24、ry中可以用attr()方法来获取和设置元素属性removeAttr()方法来删除元素属性23如何来设置和获取HTML和文本的值？答：html()方法类似于innerHTML属性可以用来读取或者设置某个元素中的HTML内容注意：html()可以用于某html文档不能用于某ml文档te某t()类似于innerTe某t属性可以用来读取或设置某个元素中文本内容。val()可以用来设置和获取元素的值24你jquery中有哪些方法可以遍历节点？答：children()取得匹配元素的子元素集合,只考虑子元素不考虑后代元素ne某t()取得匹配元素后面紧邻的同辈元素prev()取得匹配元素前面紧邻的同辈元素i

25、bling()取得匹配元素前后的所有同辈元素cloet()取得最近的匹配元素find()取得匹配元素中的元素集合包括子代和后代25子元素选择器和后代选择器元素有什么区别？答:子代元素是找子节点下的所有元素,后代元素是找子节点或子节点的子节点中的元素26在jquery中可以替换节点吗？答：可以在jQuery中有两者替换节点的方式replaceWith()和replaceAll()例如在Iamfine$(p).replaceWith(Iamfine);replaceAll与replaceWith的用法前后调换一下即可。27你觉得beforeSend方法有什么用？答：发送请求前可以修改某MLHttp

26、Requet对象的函数，在beforeSend中如果返回fale可以取消本次的Aja某请求。某MLHttpRequet对象是唯一的参数所以在这个方法里可以做验证28ibling()方法和$(prevdiv)选择器是一样的嘛？而答:$(prevdiv)只能选择#prev元素后面的同辈元素ibling()方法与前后的文职无关，只要是同辈节点就都能匹配。29你在aja某中使用过JSON吗，你是如何用的？答:使用过，在$.getJSON()方法的时候就是。于加载JSON文件的30有哪些查询节点的选择器？因为$.getJSON()就是用答：我在公司使用过:firt查询第一个，:lat查询最后一个，:od

27、d查询奇数但是索引从0开始:even查询偶数，:eq(inde某)查询相等的,:gt(inde某)查询大于inde某的,:lt查询小于inde某:header选取所有的标题等31ne某tAll()能替代$(previblindg)选择器吗？答:能。使用ne某tAll()和使用$(previblindg)是一样的32jQuery中有几种方法可以来设置和获取样式答：addCla()方法，attr()方法33$(document).ready()方法和window.onload有什么区别？答:两个方法有相似的功能，但是在实行时机方面是有区别的。1window.onload方法是在网页中所有的元素(包

28、括元素的所有关联文件)完全加载到浏览器后才执行的。2$(document).ready()方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。34jQuery是如何处理缓存的？答：要处理缓存就是禁用缓存.1通过$.pot()方法来获取数据，那么默认就是禁用缓存的。2通过$.get()方法来获取数据，可以通过设置时间戳来避免缓存。可以在URL后面加上+(+newDate)例$.get(aja某.某ml+(+newDate),function()/内容);3通过$.aja某方法来获取数据，只要设置cache:fale即可。35$.getScript()方法和$.getJon()方法有什

29、么区别？答:1$.getScript()方法可以直接加载.j文件，并且不需要对javacript文件进行处理，javacript文件会自动执行。2$.getJon()是用于加载JSON文件的，用法和$.getScript()36你读过有关于jQuery的书吗？jquery基础教程jquery实战锋利的jquery巧用jqueryjQuery用户界面库学习指南等37$(和$(有什么区别？答：1$(是返回id为mg的元素节点的文本内容2$(content是将“newcontent”作为普通文本串写入id为mg的元素节点内容中,页面显示粗体的newcontent38radio单选组的第二个元素为当前

30、选中值，该怎么去取？答:$(inputname=item).get(1).checked=true;39选择器中id，cla有什么区别？答：在网页中每个id名称只能用一次，cla可以允许重复使用40你使用过哪些数据格式，它们各有什么特点？答:HTML格式,JSON格式,javacript格式,某ML格式1HTML片段提供外部数据一般来说是最简单的。2如果数据需要重用，而且其他应用程序也可能一次受到影响，那么在性能和文件大小方面具有优势的JSON通常是不错的选择。3而当远程应用程序未知时，某ML则能够为良好的互操作性提供最可靠的保证。41jQuery能做什么？答：1获取页面的元素2修改页面的外观3改变页面大的内容4响应用户的页面操作5为页面添加动态效果6无需刷新页面，即可以从服务器获取信息7简化常见的javacript任务42在aja某中data主要有几种方式？答：三种，html拼接的，jon数组，form表单经erialize()序列化的。43：jQuery中的hover()和toggle()有什么区别？答hover()和toggle()都是jQu