jQuery整合面试题及答案讲解.docx
- 文档编号:3865168
- 上传时间:2022-11-26
- 格式:DOCX
- 页数:14
- 大小:41.65KB
jQuery整合面试题及答案讲解.docx
《jQuery整合面试题及答案讲解.docx》由会员分享,可在线阅读,更多相关《jQuery整合面试题及答案讲解.docx(14页珍藏版)》请在冰豆网上搜索。
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)
2)
3)
4)
把这个HTML元素转化为jQuery对象的语句是?
得到div元素内文本的语句可以是哪些?
把元素内文本设置为粗体的方法有?
清空文本的方法有?
1.$(“div”)
2.$(“div”).text(),$(“div”).html()3.$(“div”).text(“ThisisDIV”)4.$(“div”).text(“”)
1.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类库即可 1.7.2.min.js"/> 接下来通过在 $(function(){}); 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是怎么处理事件的,你用过哪些事件? DOM 答: 首先去装载文档,在页面家在完毕后,浏览器会通过javascript为元素添加事件。 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属性可以用来读取
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- jQuery 整合 试题 答案 讲解