jQuery整合面试题及答案讲解.docx
《jQuery整合面试题及答案讲解.docx》由会员分享，可在线阅读，更多相关《jQuery整合面试题及答案讲解.docx（12页珍藏版）》请在冰豆网上搜索。
jQuery整合面试题及答案讲解
一、Jquery测试题
下面哪种不是jquery的选择器？
（单选）
A、基本选择器B、后代选择器C、类选择器D、进一步选择器
考点:
jquery的选择器（C）
当DOM加载完成后要执行的函数，下面哪个是正确的？
（单选）
jQuery（expression,[context]）B、jQuery（html,[ownerDocument]）C、jQuery（callback）D、jQuery（elements）
考点：
jquery的核心函数（C）
下面哪一个是用来追加到指定元素的末尾的？
（单选）
A、insertAfter（）B、append（）C、appendTo（）D、after（）
考点：
jquery的核心函数（C）
下面哪一个不是jquery对象访问的方法？
（单选）
A、each（callback）B、size（）C、index（subject）D、index（）
考点：
jquery的核心函数之对象访问（D）
jquery访问对象中的size（）方法的返回值和jQuery对象的_______属性一样.
考点：
jquery的核心函数之对象访问（length）
jquery中$（this）.get（0）的写法和__________是等价的。
考点：
jquery的核心函数之对象访问（$（this）[0]）
7.有这样一个表单元素
，想要找到这个hidden元素，下面哪个是正确的？
（单选）
A、visibleB、hiddenC、visible（）D、hidden（）
考点：
jquery的选择器（B）
如果需要匹配包含文本的元素，用下面哪种来实现？
（单选）
A、text（）B、contains（）C、input（）D、attr（name）
考点：
jquery的选择器（B）
现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。
考点：
jquery的选择器（even,odd）
如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？
（单选）
A、text（）B、get（）C、eq（）D、contents（）
考点：
jquery的选择器（C）
在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。
考点：
jquery的选择器（first,eq
（1））
下面哪种不属于jquery的筛选？
（单选）
A、过滤B、自动C、查找D、串联
考点：
jquery的筛选（B）
下面哪几种是属于jquery文档处理的？
（多选）
A、包裹B、替换C、删除D、内部和外部插入
考点：
jquery的文档处理（ABD）
如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？
（单选）
A、append（content）B、appendTo（content）C、insertAfter（content）D、after（content）
考点：
jquery的文档处理（D）
在jquery中，用一个表达式来检查当前选择的元素集合，使用______来实现，如果这个表达式失效，则返回___________值。
考点：
jquery的筛选（is（expr）,false）
在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？
（单选）
A、delete（）B、empty（）C、remove（）D、removeAll（）
考点：
jquery的文档处理（C）
在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？
（单选）
A、firstB、eq
（1）C、css（name）D、css（name,value）
考点：
jquery的css处理（C）
在编写页面的时候，如果想要获取指定元素在当前窗口的相对偏移，用_________来实现，该方法的返回值有两个属性，分别是________和__________。
考点：
jquery的css处理（offset,top,left）
在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？
（单选）
A、width（）B、width（val）C、widthD、innerWidth（）
考点：
jquery的css处理（A）
在一个表单中，如果将所有的div元素都设置为绿色，实现功能是____________________________。
考点：
jquery的css处理（$（“div”）.css（“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、keypress（fn）C、change（）D、change（fn）
考点：
jquery的事件处理（D）
当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？
（单选）
A、click（fn）B、change（fn）C、select（fn）D、bind（fn）
考点：
jquery的事件处理（C）
在jquery中，想让一个元素隐藏，用________实现，显示隐藏的元素用_________实现。
考点：
jquery的页面效果（hide（）,show（））
在一个表单中，用600毫秒缓慢的将段落滑上，用__________________________________来实现。
考点：
jquery的页面效果（$（“p”）.slideUp（“slow”））
在jquery中，如果想要自定义一个动画，用___________________________函数来实现。
考点：
jquery的页面效果（animate（params,options））
在jquery中想要实现通过远程httpget请求载入信息功能的是下面的哪一下事件？
（单选）
A、$.ajax（）B、load（url）C、$.get（url）D、$.getScript（url）
考点：
jquery的ajax（C）
下面不属于ajax事件的是？
（单选）
A、ajaxComplete（callback）B、ajaxSuccess（callback）C、$.post（url）D、ajaxSend（callback）
考点：
jquery的ajax（C）
彻底将jQuery变量还原，可以使用___________________方法实现。
考点：
jquery的多库共存（$.noConflict（extreme））
上机题：
用jquery来实现动态添加和删除表格行
在一个表单中，查找所有选中的input元素，可以用jquery中的____________________来实现。
考点：
jquery的选择器（:
not（））
下面哪几种是jquery中表单的对象属性？
（多选）
A、:
checkedB、:
enabledC、:
hiddenD、:
selectedE、:
fileF、:
disabled
考点：
jquery的选择器（ABDF）
在jquery中如果将一个“名/值”形式的对象设置为所有指定元素的属性，可以用________________实现。
考点：
jquery选择器之属性（attr（pro））
在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？
（单选）
A、removeClass（）B、deleteClass（）C、toggleClass（class）D、addClass（）
考点：
jquery的属性（C）
在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？
（单选）
A、eq（index）B、find（expr）C、siblings（[expr]）D、next（）
考点：
jquery的筛选（C）
二、css测试题
css的语法由___________、_____________、____________三部分组成。
考点：
css的语法（选择器、属性和值）
下面哪一个不是检索一个对象的定位方式的属性?
（单选）
A、staticB、absoluteC、fixedD、top
考点：
css的定位（D）
下面哪个是display布局中用来设置对象以块显示，并添加新行的？
（单选）
A、inlineB、noneC、blockD、compact
考点：
css的布局（C）
设置边框的边框样式用_____________实现，设置边框的颜色用_________实现。
考点：
css的边框（border-style,border-color）
设置一个div的最小宽度为100像素，最大高度为50像素，实现这两个设置的方法是_______、________________。
考点：
css的尺寸（min-width：
100px;min-height：
50px;）
为一个图片设置成背景图像后，设置背景图像在纵向和横向上平铺，下面哪个是实现该功能的？
（单选）
A、no-repeatB、repeatC、repeat-xD、repeat-y
考点：
css的背景background（repeat）
想要设置一个对象外的线条轮廓的样式为虚线边框，用_______________实现该功能。
考点：
css的轮廓outline（outline-style:
dashed）
在css中，如果想要阻止计数器增加的，用__________________来实现。
考点：
css的内容content（counter-increment:
none）
在编写css样式的时候，如果想要设置标记容器和主容器之间的补白，用_______________来表示。
考点：
css的列表（marker-offset）
如果想设置表格的行与单元格的边框合并在一起，可以用___________________来实现。
考点：
css的表格（border-collapse：
collapse）
如果想设置一个对象内文本的流动和方向，用_______________标签来实现，该标签有两个值，分别是_____________、______________。
考点：
css的文本Text（text-layout-flow，horizontal、vertical-ideographic）
在编写css样式的时候，如果想要设置文本的对齐方式，下面哪一个不是text-align下的值？
（单选）
A、leftB、rightC、topD、justify
考点：
css的文本Text（C）
在css中，如果想要设置对象中文本的样式，下面哪一个不是该标签的值？
（单选）
A、blinkB、line-throughC、colorD、overline
考点：
css的字体font（C）
在css中，设置滚动条的表面颜色，是用下面的哪个标签来实现的？
（单选）
A、scrollbar-base-colorB、scrollbar-face-colorC、scrollbar-arrow-color
D、scrollbar-shadow-color
考点：
css的滚动条scrollbar（B）
三、问答题
1.什么是jQuery?
jQuery是继prototype之后又一个优秀的Javascrīpt框架。
2.HTML代码：
ThisisaDIV
1）把这个HTML元素转化为jQuery对象的语句是？
2）得到div元素内文本的语句可以是哪些？
3）把元素内文本设置为粗体的方法有？
4）清空文本的方法有？
1.$（“div”）
2.$（“div”）.text（）,$（“div”）.html（）
3.$（“div”）.text（“ThisisDIV”）
4.$（“div”）.text（“”）
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:
first’）.parent（）返回的是？
5）$（‘forminput:
first’）.parents（）.size（）的值是？
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,clickmeagain
5.HTML代码：
Hellohowareyou?
jQuery代码:
$（"p"）.find（"span"）.text（‘Hi’）.end（）
结果是？
Hihowareyou
1你在公司是怎么用jquery的？
答：
在项目中是怎么用的是看看你有没有项目经验（根据自己的实际情况来回答）你用过的选择器啊，复选框啊，表单啊，ajax啊，事件等配置Jquery环境下载jquery类库在jsp页面引用jquery类库即可接下来通过在
2你为什么要使用jquery？
答：
因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，出色的DOM操作的封装，有可靠的事件处理机制（jQuery在处理事件绑定的时候相当的可靠），完善的ajax（它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。
）出色的浏览器的兼容性。
而且支持链式操作，隐式迭代。
行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富。
3你觉得jquery有哪些好处？
答案同上
4你使用jquery遇到过哪些问题，你是怎么解决的？
答：
这个答案是开发的，看你是否有相关的项目经验。
例前台拿不到值，JSON可是出现的错误（多了一个空格等）这编译是不会报错的jquery库与其他库冲突：
1>如果其他库在jquery库之前导入的话1.我们可以通过jquery.noconflict（）将变量的$的控制权过度给其他库2.自定义快捷键,用一个变量接住jquery.noconflict（）3.通过函数传参2>如果jquery库在其他库之前导入就直接使用jquery今天在处理一个数据问题时，发现jQuery.ajax（）方法返回的值一直有问题，清除缓存后数据无误，多次测试后发现返回的值都是之前的值，并且一直未执行url（后台为JAVA，设置断点一直未进入）。
在网上查找下,发现是未设置type的原因。
如果没设置jQuery.ajax的type="Post"，那么ajax就会默认type="Get"，这就会导致之前数据被缓存起来。
加上type="Post"，问题解决！
5你知道jquery中的选择器吗，请讲一下有哪些选择器？
答：
jQuery中的选择器大致分为:
基本选择器，层次选择器，过滤选择器，表单选择器
6jquery中的选择器和css中的选择器有区别吗？
答：
jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加样式和添加相应的行为CSS中的选择器是只能添加相应的样式
7你觉得jquery中的选择器有什么优势？
答：
简单的写法$（'ID'）来代替document.getElementById（）函数支持CSS1到CSS3选择器完善的处理机制（就算写错了id也不会报错）
8你在使用选择器的时候有有没有什么觉得要注意的地方？
答:
1选择器中含有".","#","["等特殊字符的时候需要进行转译2属性选择器的引号问题3选择器中含有空格的注意事项
9jquery对象和dom对象是怎样转换的？
答：
jquery转DOM对象:
jQuery对象是一个数组对象，可以通过[index]的丰富得到相应的DOM对象还可以通过get[index]去得到相应的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对象了。
12jquery中$.get（）提交和$.post（）提交有区别吗？
答:
1$.get（）方法使用GET方法来进行异步请求的。
$.post（）方法使用POST方法来进行异步请求的。
2get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。
3get方式传输的数据大小不能超过2KB而POST要大的多4GET方式请求的数据会被浏览器缓存起来，因此有安全问题。
13jquery中的load方法一般怎么用的？
答：
load方法一般在载入远程HTML代码并插入到DOM中的时候用通常用来从Web服务器上获取静态的数据文件。
如果要传递参数的话，可以使用$.get（）或$.post（）
14在jquery中你是如何去操作样式的？
答:
addClass（）来追加样式removeClass（）来删除样式toggle（）来切换样式
15简单的讲叙一下jquery是怎么处理事件的，你用过哪些事件？
答:
首先去装载文档，在页面家在完毕后，浏览器会通过javascript为DOM元素添加事件。
16你使用过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（）表示讲所有的元素追加到指定的元素中。
例$（A）appendTo（B）是将A追加到B中下面的方法解释类似
21你使用过包裹节点的方法吗，包裹节点有方法有什么好处？
答:
wrapAll（）,wrap（）,wrapInner（）需要在文档中插入额外的结构化标记的时候可以使用这些包裹的方法应为它不会帛画原始文档的语义
22jquery中如何来获取或和设置属性？
jQuery中可以用attr（）方法来获取和设置元素属性removeAttr（）方法来删除元素属性
23如何来设置和获取HTML和文本的值？
答：
html（）方法类似于innerHTML属性可以用来读取或者设置某个元素中的HTML内容注意：
html（）可以用于xhtml文档不能用于xml文档text（）类似于innerText属性可以用来读取或设置某个元素中文本内容。
val（）可以用来设置和获取元素的值
24你jquery中有哪些方法可以遍历节点？
答：
children（）取得匹配元素的子元素集合,只考虑子元素不考虑后代元素
升级会员 