jquery练习题

合集下载

(完整word版)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。

jq考试题库

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作业练习题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练习题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程序,对一个表单中的输入框进行验证,确保用户输入的内容不为空。

案例jq全部练习题

案例jq全部练习题

案例jq全部练习题1、实现弹出窗口的正确思路是2、实现下拉菜单的正确思路是3、实现树形菜单的正确思路是4、实现图片切换的正确思路是5、实现TAB菜单的正确思路是6、实现折叠菜单的正确思路是7、实现表格的高亮显示的正确思路是8、实现动态删除表格行的正确思路是9、实现无缝滚动的正确思路是12、#div{line-height:20px }的含义是13、有一段float:left的超链接文字,当鼠标放上时,文字颜色改为红色的正确代码是$(“a”).mouseover(function(){$(this).css(“color”,”red”)})14、写出open()方法中的参数并注明其含义Open(“url”,”窗口名”,”参数规格”)15、一般情况下,弹出广告特效使用的javascript方法是(open() )16、在打开已知页面时,弹出一个名为adv.html、高300、宽250、显示滚动条的代码是:open(“adv.html”,”ac.html”,”width=250px;height=300px;”)17、当当页面下拉菜单的实现思路中onmouseover的作用显示其对应的下拉菜单18、正确通过id为id找到该对象的方法是Document.getElementById(“id”);$(“#id”)19、JS中html代码为:下面能将div标签设置为隐藏的代码是Document.getElementById(“p1”).style.display=”none”;20、Javascript代码obj.style.display="block"的含义是显示obj这个对象21、Javascript代码obj.style.display=="block"的含义是判断obj对象是否显示22、Javascript中制作表格高亮显示时为tr标签添加鼠标移上效果应使用的事件是onmouseover23、Javascript中制作树形菜单中的效果应使用的事件是onclick24、CSS中设置相对定位的属性是position25、CSS中设置绝对定位的属性及属性值是Position:absolute26、在制作TAB菜单时for循环的作用是循环赋默认值27、下面代码的输出结果是: 0 Var i = 1;Function go(i){ i--}Go(i--);Alert(i)28、下面代码的输出结果是: 3var k=’2’k++alert(k)29、已知页面加载时调用以下函数function f1(A){var tr=document.getElementsByName("tr");for(var i=0;i<tr.length;i++){< p="">if(i%2==0)tr[i].style.background="red"{tr[i].style.background="blue"}}}以上代码的作用是:表格奇数行变红色偶数行变蓝色30、下面代码的输出结果是: 11for(i=0;i<=10;i++){ if(i == 5){ i++; continue; } } alert(i) 31、下面代码的输出结果是: 5Var arr = [1,2,3,4,5,6];for(i=0;i<=3;i++){arr[i] = arr[i]*2;}alert(arr[4])32、下面js代码运行后输出的结果是_ _012312_var arr=[1,'2',3.5,'12a'];val=0;for(var i=0;i<arr.length;i++)< p="">{val+=parseInt(arr[i]);}alert(val);33、下面js代码运行后输出的结果是5,4,3,2,1 var arr1=new Array(1,2,3,4,5);var arr2=Array();for(var i=0;i<arr1.length;i++)< p="">{arr2.push(arr1[i]);arr2.reverse();//将数组反转}var s=arr2.join(","); document.write(s);34、以下表单验证代码有几处错误: _____</arr1.length;i++)<></arr.length;i++)<></tr.length;i++){<>。

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练习题1.js的⼊⼝函数和jquery⼊⼝函数的区别?JS⼊⼝函数:window.onload=function(){ } JQuery⼊⼝函数: $(document).ready(function(){ })JS的window.onload事件必须要等到所有内容,以及外部图⽚之类的⽂件加载完之后,才会去执⾏。

JQuery⼊⼝函数是在所有标签加载完之后,就会去执⾏。

接着,通过JS的⼀个覆盖问题引出对JQuery⼊⼝函数实现的解释。

JS的⼊⼝函数window.onload函数有⼀个覆盖的问题,当⽂档中出现2个window.onload函数的时候,后者会覆盖前者,导致功能实现不了。

但是JQuery却没有这样的问题,重要是因为JQuery⼊⼝函数只是对封装好了的⽅法的⼀个调⽤,只不过传的参数不同⽽已。

最后,说说JQuery⼊⼝函数($(document).ready();)的实现⽅式。

2.jquery的值的操作哪个⽅法?值操作是对DOM属性value进⾏读取和设置操作。

⽐如html()、 text()、 val().格式:$(selector).html()这个⽅法不接受任何元素作⽤:在⼀个HTML⽂档中, 可以使⽤.html()⽅法来获取任意⼀个元素的内容。

如果选择器匹配多个元素,那么只有第⼀个匹配元素的HTML内容会被获取。

1.2 html() 设置值格式: $(selector).html(htmlString); 返回值:jQuery 作⽤: ⽤来设置每个匹配元素的⼀个HTML字符串 htmlString 类型:string3.jquery和js对象如何转化?两种转换⽅式将⼀个jQuery对象转换成js对象:[index]和.get(index);(1)jQuery对象是⼀个数据对象,可以通过[index]的⽅法,来得到相应的js对象。

如:var $v =$("#v") ; //jQuery对象var v=$v[0]; //js对象alert(v.checked) //检测这个checkbox是否被选中(2)jQuery本⾝提供,通过.get(index)⽅法,得到相应的js对象如:var $v=$("#v"); //jQuery对象var v=$v.get(0); //js对象alert(v.checked) //检测这个checkbox是否被选中js对象转成jQuery对象:对于已经是⼀个js对象,只需要⽤$()把DOM对象包装起来,就可以获得⼀个jQuery对象了。

jquery考试题

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

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、con tai ns() C、in put() 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(c on te nt)19. 在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?(C)A、delete()B、empty()C、remove()D、removeAII()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、ajaxSe nd(callback)33.使用jquery 检查vinput type二"hidden" id二"id" name二"id" /> 元素在网页上是否存在。

精选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的选择器?( ) 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的选择器(D)2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器3.当DOM加载完成后要执行的函数,下面哪个是正确的(C)4.(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测试题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考试题

jquery考试题

1.下面哪种不是jquery的选择器(D)2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器3.当DOM加载完成后要执行的函数,下面哪个是正确的(C)4.(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)、CappendTo(content) 、Bappend(content) 、18.A.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练习题一、基础知识篇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. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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中。

2. 删除页面中所有class为"box"的元素。

3. 将页面中所有的图片元素的alt属性值修改为"Image"。

4. 将页面中第一个段落元素的文本内容修改为"Hello jQuery!"。

通过完成以上练习题,读者可以巩固和提升自己的jQuery技能,熟悉jQuery 的常用方法和操作。

在实际开发中,jQuery的应用场景非常广泛,掌握它可以使得前端开发更加高效和便捷。

希望读者能够积极参与这些练习,不断提升自己的技术水平。

相关文档
最新文档