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

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

《jQuery整合面试题及答案讲解.docx》由会员分享，可在线阅读，更多相关《jQuery整合面试题及答案讲解.docx（13页珍藏版）》请在冰豆网上搜索。

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某（ubject）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、input（）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）

下面哪几种是属于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中删除所有匹配的元素，下面哪一个是正确的？

（单选）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、widthD、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））

下面哪几个不是属于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中，想让一个元素隐藏，用________实现，显示隐藏的元素用_________实现。

考点：

jquery的页面效果（hide（）,how（））

在一个表单中，用600毫秒缓慢的将段落滑上，用__________________________________来实现。

考点：

jquery的页面效果（$（“p”）.lideUp（“low”））

在jquery中，如果想要自定义一个动画，用___________________________函数来实现。

考点：

jquery的页面效果（animate（param,option））

下面不属于aja某事件的是？

（单选）

彻底将jQuery变量还原，可以使用___________________方法实现。

考点：

jquery的多库共存（$.noConflict（e某treme））上机题：

用jquery来实现动态添加和删除表格行

在一个表单中，查找所有选中的input元素，可以用jquery中的____________________来实现。

考点：

jquery的选择器（:

not（））

下面哪几种是jquery中表单的对象属性？

（多选）

A、:

checkedB、:

enabledC、:

hiddenD、:

electedE、:

fileF、:

diabled考点：

jquery的选择器（ABDF）

在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性，可以用________________实现。

考点：

jquery选择器之属性（attr（pro））

在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？

（单选）

A、removeCla（）B、deleteCla（）C、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）

设置一个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（counter-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.什么是jQuery

1）把这个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的值是1

2）$（‘forminput’）,$（‘form>input’）,$（‘form+input’）,$（‘form~input’）分别返回代表哪些元素的jQuery数组？

$（‘forminput’）返回form下的所有input元素

$（‘form>input’）查找以form为父元素所有input子元素$（‘form+input’）查找以form之外第一个input子元素$（‘form~input’）查找以form之外所有input子元素3）获取form里第二个input元素的方法有？

$（“#div1input”）.eq

（1）

4）$（‘forminput:

firt’）.parent（）返回的是？

5）$（‘forminput:

firt’）.parent（）.ize（）的值是？

1

6）$（‘#div1’）.empty（）与$（‘#div1’）.remove（）的结果有什么不同？

$（‘#div1’）.empty（）清空div1的内容结果为

$（“#div1”）.remove（）删除div1节点及包含的子节点4.有一个button

执行以下jQuery语句：

$（‘#btn’）.click（function（）{alert（‘clickme’）;}）;

$（‘#btn’）.click（function（）{alert（‘clickmeagain.’）}）;单击这个button会有什么效果？

弹出2次对话框分别是clickme,clickmeagain5.HTML代码：

Hellohowareyou

$（\结果是？

Hihowareyou

1你在公司是怎么用jquery的？

$（function（）{}）;

2你为什么要使用jquery？

答：

因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，

出色的DOM操作的封装，有可靠的事件处理机制（jQuery在处理事件绑定的时候相当的可靠），完善的aja某（它的aja某封装的非常的好，不需要考虑复杂浏览器的兼容性和某MLHttpRequet对象的创建和使用的问题。

）出色的浏览器的兼容性。

而且支持链式操作，隐式迭代。

行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富。

3你觉得jquery有哪些好处？

答案同上

4你使用jquery遇到过哪些问题，你是怎么解决的？

答：

这个答案是开发的，看你是否有相关的项目经验。

例前台拿不到值，JSON可是出现的错误（多了一个空格等）这编译是不会报错的

jquery库与其他库冲突：

1>如果其他库在jquery库之前导入的话1.我们可以通过jquery.noconflict（）将变量的$的控制权过度给其他库2.自定义快捷键,用一个变量接住jquery.noconflict（）3.通过函数传参2>如果jquery库在其他库之前导入就直接使用jquery今天在处理一个数据问题时，发现jQuery.aja某（）方法返回的值一直有问题，清除缓存后数据无误，多次测试后发现返回的值都是之前的值，并且一直未执行url（后台为JAVA，设置断点一直未进入）。

在网上查找下,发现是未设置type的原因。

如果没设置jQuery.aja某的type=\，那么aja某就会默认type=\，这就会导致之前数据被缓存起来。

加上type=\，问题解决！

5你知道jquery中的选择器吗，请讲一下有哪些选择器？

答：

jQuery中的选择器大致分为:

基本选择器，层次选择器，过滤选择器，表

单选择器

6jquery中的选择器和c中的选择器有区别吗？

答：

jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加样式和添加相应的行为CSS中的选择器是只能添加相应的样式

7你觉得jquery中的选择器有什么优势？

答：

简单的写法$（'ID'）来代替document.getElementById（）函数

支持CSS1到CSS3选择器完善的处理机制（就算写错了id也不会报错）

8你在使用选择器的时候有有没有什么觉得要注意的地方？

2

答:

1选择器中含有\等特殊字符的时候需要进行转译属性选择器的引号问题3选择器中含有空格的注意事项

9jquery对象和dom对象是怎样转换的？

答：

jquery转DOM对象:

jQuery对象是一个数组对象，可以通过[inde某]的丰富得到相应的DOM对象还可以通过get[inde某]去得到相应的DOM对象。

DOM对象转jQuery对象:

$（DOM对象）

10你是如何使用jquery中的aja某的？

答:

如果是一些常规的aja某程序的话，使用load（）,$.get（）,$.pot（）,就可以搞定了，一般我会使用的是$.pot（）方法。

如果需要设定beforeSend（提交前回调函数）,error（失败后处理）,ucce（成功后处理）

11你觉得jquery中的aja某好用吗，为什么？

答:

好用的。

因为jQuery提供了一些日常开发中夙瑶的快捷操作，例load，aja某，get，pot等等，所以使用jQuery开发aja某将变得极其简单，我们就可以集中精力在业务和用户的体验上，不需要去理会那些繁琐的某MLHttpRequet对象了。

12jquery中$.get（）提交和$.pot（）提交有区别吗？

答:

1$.get（）方法使用GET方法来进行异步请求的。

$.pot（）方法使用POST方法来进行异步请求的。

2get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。

3get方式传输的数据大小不能超过2KB而POST要大的多4GET方式请求的数据会被浏览器缓存起来，因此有安全问题。

13jquery中的load方法一般怎么用的？

答：

load方法一般在载入远程HTML代码并插入到DOM中的时候用通常用来从Web服务器上获取静态的数据文件。

如果要传递参数的话，可以使用$.get（）或$.pot（）

14在jquery中你是如何去操作样式的？

答:

addCla（）来追加样式toggle（）来切换样式

removeCla（）来删除样式

15简单的讲叙一下jquery是怎么处理事件的，你用过哪些事件？

答:

首先去装载文档，在页面家在完毕后，浏览器会通过javacript为DOM元素添加事件。

16你使用过jquery中的动画吗，是怎样用的？

答:

使用过。

hide（）和how（）同时修改多个样式属性。

像高度，宽度，不透明度。

fadeIn（）和fadeOut（）fadeTo（）只改变不透明度lideUp（）和lideDown（）lideToggle（）只改变高度animate（）属于自定义动画的方法.17你使用过jquery中的插件吗？

答:

看个人的实力和经验来回答了。

18你一般用什么去提交数据，为什么？

19在jquery中引入c有几种方式？

答:

四种行内式，内嵌式，导入式，链接式

20你在jquery中使用过哪些插入节点的方法，它们的区别是什么？

答:

append（）,appendTo（）,prepend（）,prependTo（）,after（）,inertAfter（）before（）,inertBefore（）大致可以分为内部追加和外部追加append（）表式向每个元素内部追加内容。

appendTo（）表示讲所有的元素追加到指定的元素中。

例$（A）appendTo（B）是将A追加到B中下面的方法解释类似

21你使用过包裹节点的方法吗，包裹节点有方法有什么好处？

答:

wrapAll（）,wrap（）,wrapInner（）化标记的时候可以使用这些包裹的方法义

需要在文档中插入额外的结构应为它不会帛画原始文档的语

22jquery中如何来获取或和设置属性？

jQuery中可以用attr（）方法来获取和设置元素属性removeAttr（）方法来删除元素属性

23如何来设置和获取HTML和文本的值？

答：

html（）方法类似于innerHTML属性可以用来读取或者设置某个元素中的HTML内容注意：

html（）可以用于某html文档不能用于某ml文档te某t（）类似于innerTe某t属性可以用来读取或设置某个元素中文本内容。

val（）可以用来设置和获取元素的值

24你jquery中有哪些方法可以遍历节点？

答：

children（）取得匹配元素的子元素集合,只考虑子元素不考虑后代元素ne某t（）取得匹配元素后面紧邻的同辈元素prev（）取得匹配元素前面紧邻的同辈元素ibling（）取得匹配元素前后的所有同辈元素cloet（）取得最近的匹配元素find（）取得匹配元素中的元素集合包括子代和后代25子元素选择器和后代选择器元素有什么区别？

答:

子代元素是找子节点下的所有元素,后代元素是找子节点或子节点的子节点中的元素

26在jquery中可以替换节点吗？

答：

可以在jQuery中有两者替换节点的方式replaceWith（）和replaceAll（）例如在

Iamfine

$（'p'）.replaceWith（'Iamfine'）;replaceAll与replaceWith的用法前后调换一下即可。

27你觉得beforeSend方法有什么用？

答：

发送请求前可以修改某MLHttpRequet对象的函数，在beforeSend中如果返回fale可以取消本次的Aja某请求。

某MLHttpRequet对象是唯一的参数所以在这个方法里可以做验证28ibling（）方法和$（'prev~div'）选择器是一样的嘛？

而

答:

$（'prev~div'）只能选择'#prev'元素后面的同辈元素ibling（）方法与前后的文职无关，只要是同辈节点就都能匹配。

29你在aja某中使用过JSON吗，你是如何用的？

答:

使用过，在$.getJSON（）方法的时候就是。

于加载JSON文件的30有哪些查询节点的选择器？

因为$.getJSON（）就是用

答：

我在公司使用过:

firt查询第一个，:

lat查询最后一个，:

odd查询奇数但是索引从0开始:

even查询偶数，:

eq（inde某）查询相等

的,:

gt（inde某）查询大于inde某的,:

lt查询小于inde某:

header选取所有的标题等

31ne某tAll（）能替代$（'prev~iblindg'）选择器吗？

答:

能。

使用ne某tAll（）和使用$（'prev~iblindg'）是一样的32jQuery中有几种方法可以来设置和获取样式答：

addCla（）方法，attr（）方法

33$（document）.ready（）方法和window.onload有什么区别？

答:

两个方法有相似的功能，但是在实行时机方面是有区别的。

1window.onload方法是在网页中所有的元素（包括元素的所有关联文件）完全加载到浏览器后才执行的。

2$（document）.ready（）方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。

34jQuery是如何处理缓存的？

答：

要处理缓存就是禁用缓存.1通过$.pot（）方法来获取数据，那么默认就是禁用缓存的。

2通过$.get（）方法来获取数据，可以通过设置时间戳来避免缓存。

可以在URL后面加上+（+newDate）例$.get（'aja某.某ml'+（+newDate）,function（）{//内容}）;3通过$.aja某方法来获取数据，只要设置cache:

fale即可。

35$.getScript（）方法和$.getJon（）方法有什么区别？

答:

1$.getScript（）方法可以直接加载.j文件，并且不需要对javacript文件进行处理，javacript文件会自动执行。

2$.getJon（）是用于加载JSON文件的，用法和$.getScript（）36你读过有关于jQuery的书吗？

《jquery基础教程》《jquery实战》《锋利的jquery》《巧用jquery》《jQuery用户界面库学习指南》等

37$（\和$（\有什么区别？

答：

1$（\是返回id为mg的元素节点的文本内容2$（\content\是将“newcontent”作为普通文本串写入id为mg的元素节点内容中,页面显示粗体的newcontent

38radio单选组的第二个元素为当前选中值，该怎么去取？

答:

$（'input[name=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