2024年4月23日发(作者：)

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、:diabl

ed考点：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(“”)代码：

1)$(‘:hidden’).length的值是1

2)$(‘forminput’),$(‘form>input’),$(‘form+input’),$(‘f

orm~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,代码：

Hellohowareyou

$(结果是？Hihowareyou

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

$(function(){});

2你为什么要使用jquery？

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

器，

出色的DOM操作的封装，有可靠的事件处理机制(jQuery在处理事件

绑定的时候相当的可靠)，完善的aja某(它的aja某封装的非常的好，不

需要考虑复杂浏览器的兼容性和某MLHttpRequet对象的创建和使用的问

题。)出色的浏览器的兼容性。而且支持链式操作，隐式迭代。行为层和

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

3你觉得jquery有哪些好处？

答案同上

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

答：这个答案是开发的，看你是否有相关的项目经验。例前台拿不到

值，JSON可是出现的错误(多了一个空格等)这编译是不会报错的

jquery库与其他库冲突：1>如果其他库在jquery库之前导入的话1.

我们可以通过lict()将变量的$的控制权过度给其他库2.

自定义快捷键,用一个变量接住lict()3.通过函数传参2>

如果jquery库在其他库之前导入就直接使用jquery今天在处理一个数据

问题时，发现某()方法返回的值一直有问题，清除缓存后数

据无误，多次测试后发现返回的值都是之前的值，并且一直未执行

url(后台为JAVA，设置断点一直未进入)。在网上查找下,发现是未设置

type的原因。如果没设置某的type=，那么aja某就会默认

type=，这就会导致之前数据被缓存起来。加上type=，问题解决！

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

答：jQuery中的选择器大致分为:基本选择器，层次选择器，过滤选

择器，表

单选择器

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

答：jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加

样式和添加相应的行为CSS中的选择器是只能添加相应的样式

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

答：简单的写法$('ID')来代替mentById()函数

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

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

2