jquery考试题.doc
超完整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面试题及答案
一、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理论试卷
一、单项选择题(共10道题,每题2分,共20分)。
1下面哪种不是jquery的选择器?A、基本选择器B、后代选择器C、类选择器D、进一步选择器2当DOM加载完成后要执行的函数,下面哪个是正确的?jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)3下面哪一个是用来追加到指定元素的末尾的?A、insertAfter()B、append()C、appendTo()D、after()4下面哪一个不是jquery对象访问的方法?A、each(callback)B、size()C、index(subject)D、index()5.如果需要匹配包含文本的元素,用下面哪种来实现?A、text()B、contains()C、input()D、attr(name)6.下面哪种不属于jquery的筛选?A、过滤B、自动C、查找D、串联7.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?A、width()B、width(val)C、widthD、innerWidth()8.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?A、hover(over ,out)B、keypress(fn)C、change()D、change(fn)9.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?A、firstB、eq(1)C、css(name)D、css(name,value)10.在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?A、eq(index)B、find(expr)C、siblings([expr])D、next()二、填空题(共6题,每空2分,共20分)。
1.jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样.2.jquery中$(this).get(0)的写法和__________是等价的。
精选jQuery试题及答案
jQuery试题及答案一.选择题1. 下面哪种不是jquery的选择器?( ) C。
A、基本选择器B、层次选择器C、css选择器 D、表单选择器2. 当DOM加载完成后要执行的函数,下面哪个是正确的?( ) CA、jQuery(expression, [context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)3. 下面哪一个是用来追加到指定元素的末尾的?( ) CA、insertAfter()B、append()C、appendTo()D、after()4. 下面哪一个不是jquery对象访问的方法? ( ) DA、each()B、size() C、.length D、onclick()5. 在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?() CA、eq(index)B、find(expr)C、siblings([expr]) D、next()6. 如果需要匹配包含文本的元素,用下面哪种来实现? ( ) BA、text()B、contains()C、input() D、attr(name)7. 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素? ( C)A、text()B、get() C、eq() D、contents( )8. 下面哪种不属于jquery的筛选? ( ) BA、过滤B、自动C、查找 D、串联9. 下面哪几种是属于jquery文档处理的? (多选) ABCDA、包裹B、替换C、删除 D、内部和外部插入10. 如果想被选元素之后插入 HTML 标记或已有的元素,下面哪个是实现该功能的? ( ) DA、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)11. 在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?( ) CA、delete()B、empty() C 、remove() D、removeAll()12. 在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?( ) DA、firstB、eq(1) C、css(name) D、css(name,value)13. 在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? ( ) AA、width()B、width(val)C、width D、innerWidth()14. 为每一个指定元素的指定事件(像click) 绑定一个事件处理器函数,下面哪个是用来实现该功能的? ( ) BA、trgger (type)B、bind(type)C、one(type) D、bind15. 在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事( C )A、$.ajax()B、load(url) C、$.get(url) D$. getScript(url)16. 在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? ( D)A、hover(over ,out)B、keypress (fn)C、change() D、change(fn)17. 当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现? ( ) CA、click(fn)B、change(fn) C、select(fn) D、bind(fn)18.以下 jquery 对象方法中,使用了事件委托的是( ) DA、bind B. 、mousedown C、change D、on19.元素的type属性的取值可以是(多选)ABDA、imageB、checkboxC、select D、button20.下列jQuery事件绑定正确的是____。
jquery考试题
1.下面哪种不是jquery的选择器?(D)A、基本选择器B、后代选择器C、类选择器D、进一步选择器2.当DOM加载完成后要执行的函数,下面哪个是正确的?(C)A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)3.下面哪一个是用来追加到指定元素的末尾的?()A、insertAfter()B、append()C、appendTo()D、after()4.下面哪一个不是jquery对象访问的方法?(D)A、each(callback)B、size()C、index(subject)D、index()5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B)A、visibleB、hiddenC、visible()D、hidden()6.如果需要匹配包含文本的元素,用下面哪种来实现?(B)A、text()B、contains()C、input()D、attr(name)7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)A、text()B、get()C、eq()D、contents()8.下面哪种不属于jquery的筛选?(B)A、过滤B、自动C、查找D、串联9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)A、delete()B、empty()C、remove()D、removeAll()11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(C)A、firstB、eq(1)C、css(name)12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?(A)A、width()B、width(val)C、widthD、innerWidth()13.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?(B)Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? (D)A、hover(over ,out)B、keypress(fn)C、change()D、change(fn)15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)A、click(fn)B、change(fn)C、select(fn)D、bind(fn)16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件? (C)A、$.ajax()B、load(url)C、$.get(url)D、$. getScript(url)17.下面不属于ajax事件的是? (C)A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)18.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。
jQuery练习题
jQuery练习题1.考点:jQuery⼊⼝函数和顶级对象单选题关于jQuery,以下描述正确的是:A,$(function(){})这种⼊⼝函数等同于window.loadB,$(window).ready(function(){})这种⼊⼝函数等同于window.loadC, jQuery中的⼊⼝函数相当于JS中的DOMContentLoaded事件,因此jQuery⽆法实现window.onload同样的功能D, jQuery中的顶级对象$和jQuery是⼀回事⼉答案: D解析: 选项ABC,都错了,正确写法为$(window).load();D选项,是正确的可以验证 console.log( $=== jQuery)难度: ☆☆2.考点:jQuery对象和DOM对象单选题关于获取元素,以下获取到单个元素的⽅法是:A,jQuery对象就是DOM对象B,jQuery对象可以转换为DOM对象,但是DOM对象⽆法转换为jQuery对象C, jQuery对象转换为DOM对象的⽅法有两种:jQuery对象[索引值]和jQuery对象.get(索引值)D, DOM对象转换成jQuery对象的⽅法有⼀种:$(DOM对象)[0]答案: C解析:A选项,jQuery对象和DOM对象不⼀样。
B选项,jQuery对象和DOM对象可以相互转换。
D选项,后⾯多出来⼀部分:[0]难度: ☆☆☆3.考点:jQuery选择器多选题关于获取元素,以下获取到"⽬标元素"所在a链接的有:<div><ul><li><a href='#' class='aaa' id='ccc'>⽪鞋</a></li><li><a href='#' class='bbb' id='bbb'>帽⼦</a></li><li><a href='#' class='ccc' id='aaa'>⽬标元素</a></li></ul></div>A,$('ul li a:eq(3)')B,$('ccc')C,$('#aaa')D,$('a:last')答案: CD解析: A选项索引值应该为 2 ; B选项类名前应该加点。
JQuery考试题(没答案)
JQuery考试题(没答案)JQuery阶段测试题一、选择题(每小题2分)10道题共20分1)以下对jQuery描述不正确的是?(c)A.jQuery就是javaScriptB.jQuery提供了很多特效C.jQuery可以完全替代javaScriptD.jQuery使代码量大幅减少2)请选择一个错误的答案(c)A.$(document).ready(function(){})B.$().ready(function(){})C.ready(function(){})3)如果同时使用window.onload与$(function(){}),执行顺序会是什么样?(b)A.同时执行B.onload先执行C.$(function(){})先执行D.都不执行4)如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(c)A.text()B.get()C.eq()D.contents()5)如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(d)A.append(content)B.appendT o(content)C.insertAfter(content)D.after(content)6)在jQuery中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(c)A.delete()B.empty()C.remove()D.removeAll()7)为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?(b)A.trigger()B.bind()C.bindD.add()8)在jQuery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?(c)A.eq(index)B.find(expr)C.siblings([expr])D.next()9)使用jQuery如果给一个元素增加样式,下列哪个选项不对?(b)A.className=”red”B.addClass(“red”)C.class(“color”,”red”)D.class({“color”:”red”})10)toggle()、toggleClass()主要是使用了什么原理?选一个不正确的(b)A.三元运算符B.三目运算符C.条件运算符D.算术运算符填空题(每小空1分)20个空共20分1)jQuery访问对象中的size()方法的返回值和jQuery对象的()属性一样2)jQuery中$(this).get(0)的写法和()是等价的3)现有一表格,如果想要匹配所有行数为偶数的,用(even)实现,奇数的用(odd)实现4)在一个表单里,想要找到指定元素的第一个元素用()实现,那么第二个元素用()实现5)如果将所有的div元素里的字体都设置为绿色,()6)在jQuery中,想让一个元素隐藏,用(hidden)实现,显示一个元素用(visible)实现7)在一个表单中,用600毫秒缓慢的将段落滑上,用(slide up)来实现8)在jQuery中,如果想要自定义一个动画,用(animate)函数来实现9)在表单中,查找所有选中的checkbox元素,可以用jQuery中的()来实现10)给元素的属性设置值,可以使用()方法和()方法11)jQuery中的html()相当于javaScript的()属性,text()相当于()属性12)阿贾克斯的英文名称是(Ajax)13)使用阿贾克斯技术的主要原因是可以实现异步请求和局部刷新,那么它的好处是()、()14)jQuery中的one()用于绑定事件,它与bind()、on()、live()等其他方法最大的区别是()二、简答题(每小题3分)10道题共30分1)jQuery的美元符号$有什么作用?定义jquery2)body中的onload()函数和jQuery中的document.ready()有什么区别?Onload: 只能加载一次document.ready() :可以加载多次3)jQuery中有哪几种类型的选择器?4)请使用jQuery将页面上的所有元素边框设置为2px宽的虚线?5)jQuery中哪个方法可以给还未创建的元素绑定事件?6)$(this)与this有什么区别?$(this) :是jquery里面的 this:是JavaScript里面的7)$(“p a”)与$(“p>a”)有什么区别?8)如何复制一个元素?在没有参数的情况下,会不会复制元素行为?9)jQuery中的find()和filter()用来做什么?区别是什么?10)如何获取一个随机数?三、编程题(每小题6分)5道题共30分1)使用jQuery实现点击按钮弹出一个有确定和取消按钮的对话框。
jquery考试试题
jquery考试试题jQuery考试试题随着互联网的发展,前端开发的重要性日益凸显。
作为前端开发的基础技术之一,jQuery在网页开发中扮演着重要的角色。
为了更好地评估前端开发者的能力,许多公司在招聘过程中会进行jQuery考试。
本文将介绍一些常见的jQuery 考试试题,帮助读者更好地准备和应对这些考试。
一、选择题1. 下列哪个是jQuery的核心库?A. jQuery UIB. jQuery MobileC. jQuery ValidateD. jQuery2. jQuery的选择器使用什么符号?A. #B. .C. @D. $3. 下列哪个是jQuery的事件绑定方法?A. addEventListener()B. attachEvent()C. bind()D. onclick()4. 下列哪个是jQuery的动画效果方法?A. show()B. toggle()C. css()D. append()5. 下列哪个是jQuery的AJAX方法?A. get()B. post()C. fetch()D. request()二、填空题1. 使用jQuery选择器选取id为"myElement"的元素,并将其隐藏。
$("#myElement").hide();2. 使用jQuery选择器选取class为"myClass"的元素,并将其背景颜色设置为红色。
$(".myClass").css("background-color", "red");3. 使用jQuery绑定一个点击事件,当点击id为"myButton"的按钮时,弹出一个提示框显示"Hello, jQuery!"。
$("#myButton").click(function(){alert("Hello, jQuery!");});4. 使用jQuery发送一个GET请求,获取url为"/api/data"的数据,并在成功回调函数中将返回的数据输出到控制台。
精选jQuery试题及答案
jQuery试题及答案一.选择题1. 下面哪种不是jquery的选择器?( ) C。
A、基本选择器B、层次选择器C、css选择器 D、表单选择器2. 当DOM加载完成后要执行的函数,下面哪个是正确的?( ) CA、jQuery(expression, [context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)3. 下面哪一个是用来追加到指定元素的末尾的?( ) CA、insertAfter()B、append()C、appendTo()D、after()4. 下面哪一个不是jquery对象访问的方法? ( ) DA、each()B、size() C、.length D、onclick()5. 在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?() CA、eq(index)B、find(expr)C、siblings([expr]) D、next()6. 如果需要匹配包含文本的元素,用下面哪种来实现? ( ) BA、text()B、contains()C、input() D、attr(name)7. 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素? ( C)A、text()B、get() C、eq() D、contents( )8. 下面哪种不属于jquery的筛选? ( ) BA、过滤B、自动C、查找 D、串联9. 下面哪几种是属于jquery文档处理的? (多选) ABCDA、包裹B、替换C、删除 D、内部和外部插入10. 如果想被选元素之后插入 HTML 标记或已有的元素,下面哪个是实现该功能的? ( ) DA、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)11. 在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?( ) CA、delete()B、empty() C 、remove() D、removeAll()12. 在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?( ) DA、firstB、eq(1) C、css(name) D、css(name,value)13. 在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? ( ) AA、width()B、width(val)C、width D、innerWidth()14. 为每一个指定元素的指定事件(像click) 绑定一个事件处理器函数,下面哪个是用来实现该功能的? ( ) BA、trgger (type)B、bind(type)C、one(type) D、bind15. 在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事( C )A、$.ajax()B、load(url) C、$.get(url) D$. getScript(url)16. 在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? ( D)A、hover(over ,out)B、keypress (fn)C、change() D、change(fn)17. 当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现? ( ) CA、click(fn)B、change(fn) C、select(fn) D、bind(fn)18.以下 jquery 对象方法中,使用了事件委托的是( ) DA、bind B. 、mousedown C、change D、on19.元素的type属性的取值可以是(多选)ABDA、imageB、checkboxC、select D、button20.下列jQuery事件绑定正确的是____。
jquery试卷试题及答案
一、 Jquery 测试题1 下边哪一种不是 jquery 的选择器? (单项选择 )A、基本选择器B、后辈选择器C、类选择器D、进一步选择器考点 :jquery 的选择器 (C)2 当 DOM 加载达成后要履行的函数,下边哪个是正确的?(单项选择 ) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)考点:jquery 的核心函数 (C)3 下边哪一个是用来追加到指定元素的末端的?(单项选择 )A、insertAfter()B、append()C、appendTo()D、after()考点:jquery 的核心函数 (C)4 下边哪一个不是jquery 对象接见的方法? (单项选择 )A、each(callback)B、size()C、index(subject)D、index()考点:jquery 的核心函数之对象接见(D)5.jquery 接见对象中的 size()方法的返回值和jQuery 对象的 ____属性同样 . 考点:jquery 的核心函数之对象接见(length)6.jquery 中$(this).get(0)的写法和 _____是等价的。
考点:jquery 的核心函数之对象接见($(this)[0])7.有这样一个表单元素,想要找到这个hidden 元素,下边哪个是正确的?(单项选择 )A、visibleB、hiddenC、visible()D、hidden()考点:jquery 的选择器( B)8.假如需要般配包括文本的元素,用下边哪一种来实现?(单项选择 )A、text()B、contains()C、input()D、attr(name)考点:jquery 的选择器( B)9.现有一个表格,假如想要般配全部行数为偶数的,用____实现,奇数的用____实现。
jQuery题库
jQuery题库一.选择题下面哪种不是jquery的选择器?( ) C。
A、基本选择器B、层次选择器C、css选择器D、表单选择器当DOM加载完成后要执行的函数,下面哪个是正确的?( ) CA、jQuery(expression, [context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)下面哪一个是用来追加到指定元素的末尾的?( ) CA、insertAfter()B、append()C、appendTo()D、after()下面哪一个不是jquery对象访问的方法? ( ) DA、each()B、size()C、.lengthD、onclick()在jquery中想要找到所有元素的同辈元素,下面哪一个是可以实现的?() CA、eq(index)B、find(expr)C、siblings([expr])D、next()如果需要匹配包含文本的元素,用下面哪种来实现? ( ) BA、text()B、contains()C、input()D、attr(name)如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素? ( C)A、text()B、get()C、eq()D、contents( )下面哪种不属于jquery的筛选? ( ) BA、过滤B、自动C、查找D、串联下面哪几种是属于jquery文档处理的? (多选) ABCDA、包裹B、替换C、删除D、内部和外部插入如果想被选元素之后插入 HTML 标记或已有的元素,下面哪个是实现该功能的? ( ) D A、append(content) B、 appendTo(content)C、insertAfter(content)D、after(content)在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?( ) C A、delete() B、empty() C 、remove() D、removeAll()在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的? ( ) DA、firstB、eq(1)C、css(name)D、css(name,value)在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? ( ) A A、width() B、width(val) C、width D、innerWidth()为每一个指定元素的指定事件(像click) 绑定一个事件处理器函数,下面哪个是用来实现该功能的? ( ) BA、trgger (type)B、bind(type)C、one(type)D、bind在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事( C ) A、.ajax()B、load(url)C、 .ajax() B、load(url) C、.ajax()B、load(url)C、.get(url) D$. getScript(url)在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现? ( D)A、hover(over ,out)B、keypress (fn)C、change()D、change(fn)当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现? ( ) CA、click(fn)B、change(fn)C、select(fn)D、bind(fn)18.以下 jquery 对象方法中,使用了事件委托的是( ) DA、bind B. 、mousedown C、change D、on19.元素的type属性的取值可以是(多选)ABDA、imageB、checkboxC、selectD、button20.下列jQuery事件绑定正确的是____。
Jquery测试题
1、HTML 代码:<p>one</p> <div><p>two</p></div> <p>three</p>jQuery 代码: $("div > p"); 结果:( A )A、[ <p>two</p> ]B、[<p>one</p> ]C、[<p>three</p>]D、[<div><p>two</p></div> ]2、HTML 代码:<div>DIV</div><span>SPAN</span><p>P</p>jQuery 代码: $("*") 结果:(D )A、[ <div>DIV</div>]B、[<span>SPAN</span> ]C、[<p>P</p>]D、[<div>DIV</div>, <span>SPAN</span>, <p>P</p>]3、HTML 代码:<div class="notMe">div class="notMe"</div><div class="myClass">div class="myClass"</div><span class="myClass">span class="myClass"</span>jQuery 代码: $(".myClass"); 结果:( D )A、[ <div class="notMe">div class="notMe"</div>]B、[<div class="myClass">div class="myClass"</div>]C、[<span class="myClass">span class="myClass"</span>]D、[<div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]4、HTML 代码:<div>DIV1</div><div>DIV2</div><span>SPAN</span>jQuery 代码: $("div"); 结果:(B )A、[ <div>DIV2</div> ]B、[<div>DIV1</div>, <div>DIV2</div> ]C、[<div>DIV1</div>]5、HTML 代码:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>jQuery 代码: $("#myDiv"); 结果:( A )A、[ <div id="myDiv">id="myDiv"</div> ]B、[<p>id="notMe"</p> ]C、[<div id="notMe"><p>id="notMe"</p></div>]D、[<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>]6、HTML 代码:<div>div</div><p class="myClass">p class="myClass"</p><span>span</span> <p class="notMyClass">p class="notMyClass"</p>jQuery 代码: $("div,span,p.myClass") 结果:( A )A、[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]B、[<p class="myClass">p class="myClass"</p>]C、[<p class="notMyClass">p class="notMyClass"</p>]D、[<div>div</div>]7、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码:$("form input") 结果:(B )A、[<input name="name" />]B、[ <input name="name" />, <input name="newsletter" /> ]C、[<input name="newsletter" />]8、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form > input") 结果:(D )A、[ <input name="name" /> ]B、[<input name="newsletter" />]C、[<input name="none" />]D、[<label>Newsletter:</label>]9、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("label + input") 结果:( C )A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="name" />, <input name="newsletter" /> ]D、[<label>Newsletter:</label>]10、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form ~ input") 结果:(C )A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="none" /> ]D、[<label>Newsletter:</label>]11、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:eq(1)") 结果:(B )A、[ <tr><td>Value 1</td></tr> ]B、[<td>Value 1</td>]C、[<td>Value 2</td>]D、[<td>Header 1</td>]12、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码:$("tr:first") 结果:(D )A、[ <tr><td>Header 1</td></tr> ] B、[<td>V alue 1</td>] C、[<td>Value 2</td>] D、[<td>Header 1</td>]13、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:gt(0)") 结果:( B )A、[<tr><td>Header 1</td></tr>]B、[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]C、[<tr><td>Value 2</td></tr>]D、[<td>Value 2</td>]14、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:odd") 结果:(A )A、[ <tr><td>Value 1</td></tr> ]B、[<tr><td>Header 1</td></tr>]C、[<td>Value 1</td>]D、[<tr><td>Value 2</td></tr>]15、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:empty") 结果:(D )A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[<td></td>]16、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:parent") 结果:(A )A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[ <td>Value 1</td>, <td>Value 1</td> ]17、HTML 代码:<table><tr style="display:none"><td>V alue 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:hidden") 结果:(一)一、[ <tr style="display:none"><td>Value 1</td></tr> ]二、[<tr><td>Value 2</td></tr>]三、[<td>Value 1</td>]四、[<td>Value 2</td>]18、HTML 代码:<input name="man-news" /><input name="milkman" /><input name="letterman2" /><input name="newmilk" />jQuery 代码: $("input[name*='man']") 结果:( A )A、[<input name="man-news" />]B、[<input name="milkman" />]C、[<input name="letterman2" />]D、[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]19、HTML 代码:<form><input name="email" disabled="disabled" /><input name="id" /></form>jQuery 代码: $("input:enabled") 结果:(B )A、[<input name="email" disabled="disabled" />]B、[ <input name="id" /> ]C、[<input name="email" disabled="disabled" /><input name="id" />]20、HTML 代码:<div></div>jQuery 代码: $("div").html("<p>Hello Again</p>"); 结果:(B )A、[<div></div>]B、[ <div><p>Hello Again</p></div> ]C、[<p>Hello Again</p>]D、[Hello Again]二、填空题(共30分,每空2分)21、HTML 代码:<p> This is just a test.</p> <p> So is this</p>jQuery 代码: $("p").eq(1) 结果:[ ___<p>So is this</p>______________]22、HTML 代码:<p>Hello</p><p id="selected">Hello Again</p>jQuery 代码: $("p").not( $("#selected")[0] ) 结果:[____<p>Hello</p>__________]23、HTML 代码:<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>jQuery 代码:$("p").next()____________ 结果:[ <p>Hello Again</p>, <div><span>And Again</span></div> ]24、HTML 代码:<form><input type="checkbox" /></form>jQuery 代码: $("input[ ____ ___='checkbox']").parent().is("form") 结果:__true__________25、HTML 代码:<p>Hello</p><p id="selected">Hello Again</p>jQuery 代码: $("__p____").not( $("____"#selected"______")[ __0______ ] ) 结果: [ <p>Hello</p> ]26、HTML 代码:<p>I would like to say: </p>jQuery 代码: $("__p___").append("___<b>Hello</b>__________");得分评卷人结果: [ <p>I would like to say: <b>Hello</b></p> ]27、HTML 代码:<img src="test.jpg"/>jQuery 代码: $("img").attr("title", function() { return this.src }); 结果: <img src="__test.jpg_____" title="_test.jpg______" />28、HTML 代码:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代码: $("__p_______")._has(div)______ 结果: [ <div><span>Hello Again</span></div> ]29、HTML 代码:<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代码: $("div")._siblings()__________ 结果:[ <p>Hello</p>, <p>And Again</p> ]三、编程题(共30分,每题10分)30、HTML:<html><body><div id="show"></div><input type="butoon" id="ok" value="ok"/></body></html>要求:当单击ok按纽后,向test.jsp发送一个异步请求,请求参数为"name=zhangsan,sex=f,age=18",并且将test.jsp响应回来的数据显示在id为show的div中31、当单击id为ok的按纽,将所有段落的字体颜色设为红色并且背景为蓝色。
JQuery练习题
一、Jquery测试题1下面哪种不是jquery的选择器(单选)A、基本选择器B、后代选择器C、类选择器D、进一步选择器考点:jquery的选择器 (C)2当DOM加载完成后要执行的函数,下面哪个是正确的(单选)jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)考点:jquery的核心函数 (C)3下面哪一个是用来追加到指定元素的末尾的(单选)A、insertAfter()B、append()C、appendTo()D、after()考点:jquery的核心函数 (C)4下面哪一个不是jquery对象访问的方法(单选)A、each(callback)B、size()C、index(subject)D、index()考点: jquery的核心函数之对象访问(D)5.jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样.考点:jquery的核心函数之对象访问(length)中$(this).get(0)的写法和__________是等价的。
考点:jquery的核心函数之对象访问($(this)[0])7. 有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的(单选)A、visibleB、hiddenC、visible()D、hidden()考点:jquery的选择器(B)8.如果需要匹配包含文本的元素,用下面哪种来实现(单选)A、text()B、contains()C、input()D、attr(name)考点:jquery的选择器(B)9.现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。
考点:jquery的选择器(even,odd)10.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素(单选)A、text()B、get()C、eq()D、contents()考点:jquery的选择器(C)11.在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。
jquery考题集.doc
1.下面哪种不是jquery的选择器?(D)A、基本选择器B、后代选择器C、类选择器D、进一步选择器2.当DOM加载完成后要执行的函数,下面哪个是正确的?(C)A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)3.下面哪一个是用来追加到指定元素的末尾的?()A、insertAfter()B、append()C、appendTo()D、after()4.下面哪一个不是jquery对象访问的方法?(D)A、each(callback)B、size()C、index(subject)D、index()5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B)A、visibleB、hiddenC、visible()D、hidden()6.如果需要匹配包含文本的元素,用下面哪种来实现?(B)A、text()B、contains()C、input()D、attr(name)7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)A、text()B、get()C、eq()D、contents()8.下面哪种不属于jquery的筛选?(B)A、过滤B、自动C、查找D、串联9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)A、delete()B、empty()C、remove()D、removeAll()11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(C)A、firstB、eq(1)C、css(name)12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?(A)A、width()B、width(val)C、widthD、innerWidth()13.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?(B)Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?(D)A、hover(over ,out)B、keypress(fn)C、change()D、change(fn)15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)A、click(fn)B、change(fn)C、select(fn)D、bind(fn)16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件?(C)A、$.ajax()B、load(url)C、$.get(url)D、$. getScript(url)17.下面不属于ajax事件的是?(C)A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)18.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。
jquery练习题
jQuery练习题一、基础知识篇A. $(document).ready(function(){}B. jQuery(document).ready(function(){}C. $().ready(function(){}D. $(function(){}2. 如何获取页面中id为"demo"的元素?选择所有div元素选择class为"active"的元素选择所有可见的p元素4. jQuery中的哪个方法用于绑定事件?5. 如何在jQuery中设置元素的样式?二、操作DOM篇添加元素删除元素替换元素复制元素2. 如何使用jQuery获取和设置元素的内容?3. 请实现一个简单的折叠菜单,菜单时,显示或隐藏菜单内容。
4. 如何使用jQuery实现元素的淡入和淡出效果?5. 请使用jQuery为表格添加隔行变色效果。
三、事件处理篇1. 请列举至少三种jQuery中的鼠标事件。
2. 如何在jQuery中为多个事件绑定同一个处理函数?3. 请实现一个简单的图片轮播效果。
4. 如何使用jQuery阻止事件冒泡?5. 请使用jQuery实现一个可拖拽的div元素。
四、动画与特效篇滑动显示/隐藏元素淡入/淡出元素自定义动画2. 如何使用jQuery实现元素的抖动效果?3. 请使用jQuery实现一个简单的折叠面板。
4. 如何使用jQuery为元素添加和移除类?5. 请实现一个使用jQuery的 tooltip 提示效果。
五、AJAX篇1. 请简述jQuery中$.ajax()方法的基本使用。
2. 如何使用jQuery发送GET请求?3. 请使用jQuery发送POST请求,并传递参数。
4. 如何使用jQuery处理AJAX请求的返回数据?5. 请实现一个简单的用户登录验证功能,使用jQuery发送AJAX 请求。
六、高级应用篇1. 请使用jQuery实现一个插件。
2. 如何使用jQuery扩展自定义方法?3. 请使用jQuery实现一个简单的模态框(对话框)。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1.下面哪种不是jquery的选择器?(D)A、基本选择器B、后代选择器C、类选择器D、进一步选择器2.当DOM加载完成后要执行的函数,下面哪个是正确的?(C)A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)3.下面哪一个是用来追加到指定元素的末尾的?()A、insertAfter()B、append()C、appendTo()D、after()4.下面哪一个不是jquery对象访问的方法?(D)A、each(callback)B、size()C、index(subject)D、index()5.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B)A、visibleB、hiddenC、visible()D、hidden()6.如果需要匹配包含文本的元素,用下面哪种来实现?(B)A、text()B、contains()C、input()D、attr(name)7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)A、text()B、get()C、eq()D、contents()8.下面哪种不属于jquery的筛选?(B)A、过滤B、自动C、查找D、串联9.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D)A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)10.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)A、delete()B、empty()C、remove()D、removeAll()11.在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?(C)A、firstB、eq(1)C、css(name)12.在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?(A)A、width()B、width(val)C、widthD、innerWidth()13.为每一个指定元素的指定事件(像click)绑定一个事件处理器函数,下面哪个是用来实现该功能的?(B)Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)14.在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现?(D)A、hover(over ,out)B、keypress(fn)C、change()D、change(fn)15.当一个文本框中的内容被选中时,想要执行指定的方法时,可以使用下面哪个事件来实现?(C)A、click(fn)B、change(fn)C、select(fn)D、bind(fn)16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件?(C)A、$.ajax()B、load(url)C、$.get(url)D、$. getScript(url)17.下面不属于ajax事件的是?(C)A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)18.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。
(B)A:if($("#id")) { //do someing... }B: if($("#id").length > 0) { //do someing... }C: if($("#id").length() > 0) { //do someing... }D: if($("#id").size > 0) { //do someing... }19.<a href="xxx.jpg" title="温家宝出席学校...">新闻</a>,获取<a>元素title的属性值。
(C)A:$("a").attr("title").val(); B:$("#a").attr("title");C:$("a").attr("title"); D:$("a").attr("title").value;执行下面语句$(document).ready(function(){$("#click").click(function(){alert("click one time");});$("#click").click(function(){alert("click two time");});});20.单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。
(C)A:弹出一次对话框,显示click one time 。
B:弹出一次对话框,显示click two time 。
C:弹出两次对话框,依次显示click one time,click two time。
D:js编译错误。
21.页面中有三个元素,如下:<div>div标签</div><span>span标签</span><p>p 标签</p>,如果这三个标签要触发同一个事件,那么正确的写法是(A)。
A:$("div,span,p").click(function(){ //…});B:$("div || span || p").click(function(){ //…});C:$("div + span + p").click(function(){ //…});D:$("div ~ span ~ p").click(function(){ //…});22.页面中有一个select标签,代码如下:<select id="sel"><option value="0">请选择</option><option value="1">选项一</option><option value="2">选项二</option><option value="3">选项三</option><option value="4">选项四</option></select>,要使“选项四”选中的正确写法。
(AB)A:$("#sel").val("选项四");B:$("#sel").val("4");C:$("#sel > option:eq(4)").checked;D:$("#sel option:eq(4)").attr("selected");23.页面中有一个性别单选按钮,请设置”男”为选中状态。
代码如下:<input type="radio" name="sex"> 男<input type="radio" name="sex"> 女正确的是(D)A:$("sex[0]").attr("checked",true);B:$("#sex[0]").attr("checked",true);C:$("[name=sex]:radio").attr("checked",true);D:$(":radio[name=sex]:eq(0)").attr("checked",true);24、在页面中有一个ul元素,代码如下:<ul><li title='苹果'>苹果</li><li title='橘子'>橘子</li><li title='菠萝'>菠萝</li></ul>,下面对节点的操作哪一个说法不正确。
(D)A:var $li = $("<li title='香蕉'>香蕉</ii>"); 是创建节点。
B:$("ul").after($("<li title='香蕉'>香蕉</li>")); 是给ul追加节点。
C:$("ul li:eq(1)").remove();是删除ul下“橘子“那个节点。
D:以上说法都不对25、页面有一个<input type="text" id="name" name="name" value=""/>元素,动态设置该元素的值。
正确的选项是。
(A)A:$("#name").val("动态设值");B:$("#name").text("动态设值");C:$("#name").html("动态设值");==innerHTMLD:$("#name").value("动态设值");26、下面说法不正确的是(A)A:$(":hidden")选取<input>的type类型是hidden的不可见元素。