JQuery练习题

合集下载

前端jquery练习题

前端jquery练习题一、简介前端开发中，jQuery是一款广泛使用的JavaScript库，提供了许多简化操作DOM、事件处理、动画效果等功能的方法，被广泛应用于网页开发。

为了提升对jQuery的掌握程度，以下是一些前端jQuery练习题，希望能够帮助你加深对该库的理解和应用。

二、练习题1. 为指定元素添加点击事件，并在点击时弹出提示框，显示"Hello, jQuery!"2. 隐藏一个元素，并在2秒后显示出来。

3. 给指定的class名称为"highlight"的元素添加一个透明度的动画效果，持续时间为1秒。

4. 创建一个按钮，点击按钮后在页面中添加一个带有文本"Hello, World!"的新元素。

5. 实现一个输入框，当输入框获得焦点时，将其边框颜色改变为蓝色；当失去焦点时，将边框颜色恢复为默认颜色。

6. 给一个列表元素下的所有子元素添加一个带有淡入效果的动画，持续时间为0.5秒。

7. 创建一个select元素，其中包含选项"Apple"、"Banana"和"Orange"。

当选中某个选项时，在页面中添加一个相应的段落元素，显示选中的水果名称。

8. 实现一个图片轮播效果，让一组图片在页面中循环切换显示，每隔3秒切换一次。

9. 当鼠标悬停在一个元素上时，将其背景颜色改变为红色；当鼠标移出时，将背景颜色恢复为默认颜色。

10. 利用AJAX技术，通过GET方法从服务器获取数据，并将数据显示在页面上。

11. 实现一个简单的检查表单的函数，当提交表单时，如果表单中有未填写的必填项，弹出提示框提醒用户。

12. 创建一个计时器，每秒更新一次页面上的时间。

三、总结通过完成上述练习题，你可以更好地掌握jQuery的应用技巧和常用方法，提升前端开发的效率和质量。

同时，不断练习和实践也是深化对jQuery的理解的良好途径。

(完整word版)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的选择器（even，odd）10.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选)A、text()B、get()C、eq(）D、contents（）考点:jquery的选择器（C）11。

jquery练习题

jquery练习题jQuery练习题在前端开发中，jQuery是一种非常常用的JavaScript库，它简化了JavaScript的编写和操作，使得开发人员可以更加高效地处理DOM操作、事件处理、动画效果等。

为了熟悉和掌握jQuery的使用，下面将给出一些jQuery练习题，帮助读者进一步巩固和提升自己的jQuery技能。

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

2. 选取页面中所有的图片元素，并将它们的宽度设置为200像素。

3. 选取页面中所有class为"box"的元素，并将它们的背景颜色设置为红色。

4. 选取页面中第一个段落元素，并将它的字体颜色设置为蓝色。

二、事件处理练习题1. 给页面中所有的按钮元素添加一个点击事件，当点击按钮时，弹出一个提示框显示"Button Clicked!"。

2. 给页面中所有的图片元素添加一个鼠标移入事件，当鼠标移入图片时，将图片的宽度增加50像素。

3. 给页面中所有的输入框元素添加一个焦点事件，当输入框获得焦点时，将输入框的边框颜色设置为红色。

4. 给页面中所有的段落元素添加一个双击事件，当双击段落时，将段落的字体大小设置为20像素。

三、动画效果练习题1. 给页面中所有的图片元素添加一个点击事件，当点击图片时，将图片以200毫秒的速度淡出。

2. 给页面中所有的按钮元素添加一个鼠标移入事件，当鼠标移入按钮时，将按钮的背景颜色从白色渐变为红色，过渡时间为500毫秒。

3. 给页面中所有的段落元素添加一个点击事件，当点击段落时，将段落以500毫秒的速度向右移动200像素。

4. 给页面中所有的div元素添加一个鼠标移出事件，当鼠标移出div时，将div 的高度从200像素过渡到100像素，过渡时间为300毫秒。

四、DOM操作练习题1. 创建一个新的段落元素，并将其添加到页面中id为"container"的div中。

jq考试题库

jq考试题库一、选择题（每题2分，共20分）1. 在jQuery中，以下哪个选择器用于选择所有具有特定类名的元素？A. `#classname`B. `.class`C. `*.class`D. `.class*`2. jQuery中的`$`符号代表什么？A. jQuery对象B. 一个字符串C. 一个数字D. 一个布尔值3. 如何使用jQuery来绑定一个点击事件？A. `$('#element').click()`B. `$('#element').click()`C. `$('#element').bind('click')`D. `$('#element').click('click')`4. jQuery中的`$(document).ready()`函数的作用是什么？A. 确保DOM完全加载后再执行代码B. 检查jQuery是否已加载C. 检查浏览器是否支持jQueryD. 检查页面是否已完全加载5. 下列哪个方法可以用来获取元素的属性值？A. `.attr()`B. `.prop()`C. `.get()`D. `.eq()`6. 如何使用jQuery来选择所有`<p>`元素？A. `$('p')`B. `$('p').find('p')`C. `$('p').parent()`D. `$('p').children()`7. jQuery中的`.each()`方法用于什么？A. 遍历数组或对象B. 遍历DOM元素C. 遍历选择器D. 遍历字符串8. 如何使用jQuery来设置元素的CSS样式？A. `$('#element').css('style')`B. `$('#element').style()`C. `$('#element').css('property', 'value')`D. `$('#element').style('property', 'value')`9. jQuery中的`.ajax()`方法用于什么？A. 异步加载数据B. 同步加载数据C. 处理表单提交D. 处理用户输入10. 如何使用jQuery来移除一个元素？A. `$('#element').remove()`B. `$('#element').detach()`C. `$('#element').empty()`D. `$('#element').clear()`二、填空题（每题2分，共20分）1. jQuery中的`$.ajax()`方法允许你使用______方式从服务器请求数据。

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练习题jQuery是一种广泛应用于网页开发的JavaScript库，具有简洁高效的特点，被广大开发者所喜爱和使用。

为了帮助大家更好地掌握和运用jQuery，这里提供一些练习题，帮助大家巩固和提高自己的jQuery 编程能力。

1. 实现一个点击事件请编写一个jQuery程序，当用户点击页面中的某个按钮时，在控制台输出一条信息。

解答：```javascript$(document).ready(function() {$("#btn").click(function() {console.log("按钮被点击了！");});});```2. 实现一个鼠标悬停事件请编写一个jQuery程序，当用户将鼠标悬停在页面中的某个元素上时，改变该元素的背景色。

```javascript$(document).ready(function() {$("#element").hover(function() {$(this).css("background-color", "red");}, function() {$(this).css("background-color", "initial");});});```3. 实现一个动画效果请编写一个jQuery程序，当用户点击页面中的某个按钮时，使一个元素从左边滑动到右边，并在动画结束后显示一个提示框。

解答：```javascript$(document).ready(function() {$("#btn").click(function() {$("#element").animate({left: '300px'}, "slow", function() {alert("动画结束！");});});```4. 实现表单验证请编写一个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排行榜练习题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时，我们需要根据具体情况进行权衡和选择。

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试题及答案一．选择题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的选择器？CA、根本选择器B、后代选择器C、类选择器D、进一步选择器2当DOM加载完成后要执行的函数，下面哪个是正确的？C A、jQueryel,C、jQuerycallbacD、jQueryelements3下面哪一个是用来追加到指定元素的末尾的？CA、insertAfterB、ae6如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？CA、tetB、getC、eqD、contents〔〕的筛选？〔B〕A、过滤B、自动C、查找D、串联文档处理的？〔D〕A、包裹B、替换C、删除D、和外部插入9如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？〔D〕A、aove D、removeAll中，想要给第一个指定的元素添加样式，下面哪一个是正确的？〔C〕A、firstB、eq1C、cssnameD、cssname,value中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？〔A〕A、widthB、widthvalC、widthD、innerWidth13为每一个指定元素的指定事件〔像clic〕绑定一个事件处理器函数，下面哪个是用来实现该功能的？〔B〕A、trigger tyoveClassB、deleteClassC、toggleClassclassD、addClass中想要找到所有元素的同辈元素，下面哪一个是可以实现的？〔C〕A、eqindeB、findeates, oe13 考点：jquery的选择器〔:not〕14 考点：jquery选择器之属性〔attrpro〕。

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

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

1.下面哪种不是jquery的选择器？(D)2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器3.当DOM加载完成后要执行的函数，下面哪个是正确的？(C)4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument])C、jQuery(callback)D、jQuery(elements)5.下面哪一个是用来追加到指定元素的末尾的？()6.A、insertAfter() B、append() C、appendTo() D、after()7.下面哪一个不是jquery对象访问的方法？(D)8.A、each(callback) B、size() C、index(subject) D、index()9.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(B)10.A、visible B、hidden C、visible() D、hidden()11.如果需要匹配包含文本的元素，用下面哪种来实现？(B)12.A、text() B、contains() C、input() D、attr(name)13.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C)14.A、text() B、get() C、eq() D、contents（）15.下面哪种不属于jquery的筛选？（B）16.A、过滤 B、自动 C、查找 D、串联17.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D）18.A、append(content) B、appendTo(content) C、insertAfter(content)D、after(content)19.在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？（C）A、delete()B、empty()C、remove()D、removeAll()20.在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（C）21.A、first B、eq(1) C、css(name)22.在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？（A）23.A、width() B、width(val) C、width D、innerWidth()24.为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？（B）Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)25.在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？ (D)26.A、hover(over ,out) B、keypress（fn） C、change() D、change(fn)27.当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（C）28.A、click(fn) B、change(fn) C、select(fn) D、bind(fn)29.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？ (C)30.A、$.ajax() B、load(url) C、$.get(url) D、$. getScript(url)31.下面不属于ajax事件的是？ (C)32.A、ajaxComplete(callback) B、ajaxSuccess(callback) C、$.post(url)D、ajaxSend(callback)33.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。

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.在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。

完整word版,jquery考试题

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实现一个简单的模态框（对话框）。