jQuery选择题

合集下载

jqx练习题试卷

jqx练习题试卷

jqx练习题试卷Part I: 选择题(每题10分,共60分)1. 下面哪个不是JavaScript的数据类型?A. NumberB. StringC. BooleanD. Object2. JavaScript中如何声明一个变量?A. var myVar;B. let myVar;C. const myVar;D. All of the above3. 下面哪个是jQuery的写法?A. document.querySelector("#myId")B. $("#myId")C. $select("#myId")D. None of the above4. 如何使用jQuery选择所有class为"myClass"的元素?A. document.querySelectorAll(".myClass")B. $(".myClass")C. $(".myClass")D. $(".myClass")5. 如何在jQuery中隐藏一个元素?A. element.style.display = "none";B. element.display = "none";C. element.hide();D. None of the above6. 下面哪个是正确的jQuery事件监听写法?A. element.on("click", function() { ... });B. element.addEventListener("click", function() { ... });C. element.click(function() { ... });D. All of the abovePart II: 填空题(每题10分,共40分)1. 使用jQuery获取id为"myId"的元素。

精选jQuery试题及答案

精选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考试题(没答案)

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考试。

本文将介绍一些常见的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试题及答案

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面试题

jquery面试题jQuery是一种快速、简洁的JavaScript库,被广泛应用于前端开发。

在面试时,掌握jQuery的知识和技巧是很重要的。

本文将从初级到高级,为您奉上一些常见的jQuery面试题,帮助您准备面试。

一、选择题1. 下列哪个不是jQuery的特点?A. 减少代码量B. 提高开发效率C. 支持跨平台D. 完全替代JavaScript2. 如何在jQuery中选择class为"example"的元素?A. $("example")B. $(".example")C. $("#example")D. $(#example)3. 如何在jQuery中隐藏一个元素?A. hide()B. display:noneC. hidden()D. visible(false)4. 如何在jQuery中设置元素的背景颜色为红色?A. $(this).css("background-color", "red")B. $(this).background("red")C. $(this).style("background-color", "red")D. $(this).attr("background-color", "red")5. 如何在jQuery中获取多个元素的数量?A. $(this).size()B. $(this).lengthC. $(this).count()D. $(this).num()二、简答题1. jQuery中的事件绑定方法有哪些?jQuery中的事件绑定方法有以下几种:- .click():点击事件- .mouseover():鼠标移入事件- .mouseout():鼠标移出事件- .keyup():按键弹起事件- .keydown():按键按下事件- .submit():表单提交事件2. 如何在jQuery中实现动画效果?在jQuery中,可以使用以下方法实现动画效果:- .fadeOut():将元素淡出- .fadeIn():将元素淡入- .slideUp():将元素向上收起- .slideDown():将元素向下展开- .animate():自定义动画效果3. 如何在jQuery中获取和设置元素的属性?可以使用以下方法获取和设置元素的属性:- .attr():获取或设置元素的属性- .prop():获取或设置元素的属性值- .addClass():添加一个类到元素中- .removeClass():从元素中移除一个类- .toggleClass():切换元素的类4. 如何使用jQuery发送Ajax请求?可以使用以下方法发送Ajax请求:- .ajax():发送一个Ajax请求- .get():发送一个GET请求- .post():发送一个POST请求- .getJSON():发送一个GET请求,并且返回JSON格式的数据三、编程题请编写一个jQuery函数,实现点击一个按钮时,在页面上显示一个弹窗,并显示"Hello, World!"。

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题库一.选择题下面哪种不是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选择题

jQuery选择题

1.以下关于jQuery的描述错误的是()。

(选一项)A、jQuery 是一个 JavaScript 函数库B、jQuery 极大地简化了 JavaScript 编程C、jQuery 的宗旨是“write less,do more”D、jQuery的核心功能不是根据选择器查找HTML元素,然后对这些元素执行相应的操作2.在jQuery中,下列关于文档就绪函数的写法错误的是()。

(选一项)A、$(document).ready(function() {});B、$(function() {});C、$(document)(function() {});D、$().ready(function() {});3.以下()选项不能够正确地得到这个标签:(选一项)<input id="btnGo" type="button" value="单击我" class="btn"/>A、$("#btnGo")B、$(".btnGo")C、$(".btn")D、$("input[type='button']")4.在HTML页面中有如下结构的代码:<div id="header"><h3><span>S3N认证考试</span></h3><ul><li>一</li><li>二</li><li>三</li><li>四</li></ul></div>请问下列选项()所示jQuery代码,不能够让汉字“四”的颜色变成红色。

(选一项)A、$("#header ul li:eq(3)").css("color","red");B、$("#header li:eq(3)").css("color","red");C、$("#header li:last").css("color","red");D、$("#header li:gt(3)").css("color","red");5.在HTML页面中有如下结构的代码:<ul id="p-list"><li>苹果iPhone 4S</li></ul>请问以下()方法不能让“苹果iPhone 4S”隐藏。

第20章jQuery基础-参考题

第20章jQuery基础-参考题

第20章jQuery基础-参考题一、选择题1.下面哪一种不属于Jquery的选择器。

()A.基本选择器 B.层级选择器C.表单选择器 D.节点选择器2.页面中有三个元素,代码如下:<div>div标签</div><span>span标签</span><p>p标签</p>如果这三个标签要触发同一个单击事件,那么正确的写法是()。

A.$("div,span,p").click(function(){}); B.$("div | | span || p").click(function(){});C.$("div + span + p").click(function(){}); D.$("div ~ span ~ p").click(function(){});3.如果想要获取一个表格的第二行,用下面的()方法可以快速找到指定元素。

A.$("tr:first") B.$("tr:gt(4)") C.$("tr:e q(1)") D. $(":header")4.如果需要匹配包含指定文本的元素,用下面哪种方法来实现?( )A.text() B.contains() C.input( ) D.attr(name)5.HTML代码如下:<p class="s1">hello</p>要使文本“hello”的字体大小变成40px,正确的代码是()。

A.$('div.s1').css('font-size','40px');B.$('p.s1').css('font-size', '40px');C.$('#s1').css('font-size','40px');D.$('p#s1').css('font-size','40px');6.下面说法不正确的是()。

jquery作业练习题

jquery作业练习题

jquery作业练习题jQuery是一个快速、简洁的JavaScript库,它使得操作HTML文档的各种任务变得更加简单和高效。

在本文中,我们将介绍一些jQuery 的作业练习题,帮助读者深入了解和掌握jQuery的用法。

一、选择器练习题1. 使用jQuery选择器选取页面中所有的p元素,并将它们的文字颜色改为红色。

2. 选取class为"highlight"的所有元素,并将它们的边框颜色改为绿色。

3. 选取第一个class为"box"的div元素,并将它的背景颜色改为黄色。

二、事件练习题4. 当鼠标悬停在一个图片上时,将图片的透明度设置为0.5。

当鼠标离开图片时,将透明度恢复为1。

5. 点击按钮时,显示一个包含"Hello World"文字的弹窗。

6. 输入框中输入内容以后,按下回车键时,将输入框中的内容显示在页面上。

三、动画练习题7. 点击一个按钮时,让一个元素显示出来。

点击另一个按钮时,让这个元素隐藏起来。

8. 在页面上创建一个方块,点击方块时,使它以2000毫秒的动画时间向右移动100像素。

9. 给一个元素添加hover事件,当鼠标悬停在元素上时,元素的宽度逐渐增加到400像素。

四、AJAX练习题10. 使用jQuery的ajax方法向服务器发送一个GET请求,获取一个文本文件的内容,并将其显示在页面上。

11. 向服务器发送一个POST请求,将一个表单的数据传递给服务器并接收响应。

12. 当页面加载完成时,使用ajax方法从服务器获取JSON数据,并将它们显示在页面上。

通过完成这些练习题,读者可以加深对jQuery的理解和运用。

同时,这些练习题也展示了如何使用jQuery来操作DOM、处理事件、执行动画和进行AJAX交互等常见任务。

希望读者能够通过实践掌握jQuery的使用技巧,并能在实际项目中灵活运用。

祝大家学习进步!。

JQuery理论试卷

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练习题

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测试题

咸阳师范学院加中大学生IT 实训基地期班JQUERY试题答卷注意事项:1.学生必须用蓝色(或黑色)钢笔、圆珠笔或签字笔直接在试题卷上答题。

2.答卷前请将密封线内的项目填写清楚。

3.字迹要清楚、工整,不宜过大,以防试卷不够使用。

4.本卷共4大题,总分为100分。

一、选择题(共 40分,每空2分)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>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></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="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>Hello29、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考题集.doc

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排行榜练习题

jquery排行榜练习题jQuery排行榜练习题在前端开发中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档的遍历、操作和事件处理等操作。

为了熟练掌握jQuery的使用,我们可以通过练习题来提升自己的技能。

下面将介绍一些常见的jQuery排行榜练习题,帮助大家更好地理解和应用jQuery。

一、选择器练习题1. 选取页面中所有的段落元素,并将它们的文本内容改为“Hello World!”。

2. 选取页面中所有的链接元素,并将它们的文本颜色改为红色。

3. 选取页面中所有class为"box"的元素,并将它们的背景颜色改为黄色。

二、事件练习题1. 当鼠标移动到一个按钮上时,将按钮的文本内容改为“Clicked!”。

2. 当鼠标点击一个图片时,弹出一个提示框,显示图片的路径。

3. 当用户在输入框中输入内容并按下回车键时,将输入框中的内容显示在页面上。

三、动画效果练习题1. 当点击一个按钮时,使一个元素以渐变的方式显示出来。

2. 当鼠标移到一个图片上时,使图片以缩放的方式变大。

3. 当点击一个按钮时,使一个元素以滑动的方式隐藏起来。

四、AJAX练习题1. 当点击一个按钮时,通过AJAX从服务器获取数据,并将数据显示在页面上。

2. 当点击一个链接时,通过AJAX从服务器加载一个HTML文件,并将文件内容显示在页面上。

3. 当点击一个按钮时,通过AJAX将用户输入的数据发送到服务器,并接收服务器返回的数据。

通过以上练习题,我们可以逐步提升自己对jQuery的理解和应用能力。

在实际开发中,jQuery的灵活性和强大功能可以帮助我们快速实现各种交互效果和动画效果,提升用户体验。

然而,需要注意的是,虽然jQuery在前端开发中非常有用,但并不是所有情况下都需要使用它。

在一些简单的项目中,使用原生JavaScript也能够完成相同的功能,而且更加轻量级。

因此,在选择使用jQuery还是原生JavaScript时,我们需要根据具体情况进行权衡和选择。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

1.以下关于jQuery的描述错误的是()。

(选一项)
A、jQuery 是一个 JavaScript 函数库
B、jQuery 极大地简化了 JavaScript 编程
C、jQuery 的宗旨是“write less,do more”
D、jQuery的核心功能不是根据选择器查找HTML元素,然后对这些元素执行相应的操作
2.在jQuery中,下列关于文档就绪函数的写法错误的是()。

(选一项)
A、$(document).ready(function() {
});
B、$(function() {
});
C、$(document)(function() {
});
D、$().ready(function() {
});
3.以下()选项不能够正确地得到这个标签:(选一项)
<input id="btnGo" type="button" value="单击我" class="btn"/>
A、$("#btnGo")
B、$(".btnGo")
C、$(".btn")
D、$("input[type='button']")
4.在HTML页面中有如下结构的代码:
<div id="header">
<h3>
<span>S3N认证考试</span>
</h3>
<ul>
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
</ul>
</div>
请问下列选项()所示jQuery代码,不能够让汉字“四”的颜色变成红色。

(选一项)
A、$("#header ul li:eq(3)").css("color","red");
B、$("#header li:eq(3)").css("color","red");
C、$("#header li:last").css("color","red");
D、$("#header li:gt(3)").css("color","red");
5.在HTML页面中有如下结构的代码:
<ul id="p-list">
<li>苹果iPhone 4S</li>
</ul>
请问以下()方法不能让“苹果iPhone 4S”隐藏。

(选一项)
A、$("#p-list li:nth-child(0)").hide();
B、$("#p-list li:only-child").hide();
C、$("#p-list li:last-child").hide();
D、$("#p-list li:first-child").hide();
6.在jQuery中,函数()能够实现元素显示和隐藏的互换。

(选一项)
A、hide()
B、show()
C、toggle()
D、fade()
7.有以下标签:<input id="txtContent" class="txt" type="text" value="张三"/>
请问不能够正确的获取文本框里面的值“张三”的语句是()。

(选一项)
A、$(".txt").val()
B、$(".txt").attr("value")
C、$("#txtContent").text()
D、$("#txtContent").attr("value")
8.以下()函数不是jQuery内置的与AJAX相关的函数。

(选一项)
A、$.ajax()
B、$.get()
C、$.post()
D、$.each()
9.在jQuery中,有以下代码:
$(".btn").click(function() {
var json = [
{ "S_Name": "周颜", "S_Sex": "男" },
{ "S_Name": "周颖", "S_Sex": "女" }
];
$.each(json, function(index, s) {
alert(s.S_Name + "," + s.S_Sex);--语句1
});
});
以下说法正确的是()。

(选一项)
A、此代码不会正常运行
B、语句1会被执行1次
C、语句1会被执行2次
D、$.each()函数的用法有误
10.请问以下选项()不能够正确的实现下面描述的功能。

(选一项)
功能:用jQuery动态地向页面的body添加一个div标签;同时做到,当我单击动态添加的div时,能够把div里面的文本内容弹出来。

A、$(function() {
$(".clickme").click(function() {
alert($(this).html());
});
$("body").append("<div class='clickme'>新添加的元素</div>");
});
B、$(function() {
$("body").append("<div class='clickme'>新添加的元素</div>");
$(".clickme").click(function() {
alert($(this).html());
});
});
C、$(function() {
$("body").append("<div class='clickme'>新添加的元素</div>");
$(".clickme").live("click", function() {
alert($(this).html());
});
});
D、$(function() {
$(".clickme").live("click", function() {
alert($(this).html());
});
$("body").append("<div class='clickme'>新添加的元素</div>");
});。

相关文档
最新文档