jQuery练习题及答案

11. 在

元素中,添加了多个
• 元素,通过jquery选择器获取最后⼀个
• 元素的⽅法是______

  12. 在三个

  元素中,分别添加多个
  • 元素,通过jQuery中的⼦元素选择器,将这三个
    元素中的第⼀个
    • 元素隐藏,代码是______13. 在页⾯的表单中增加了多个类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些选中状态的元素隐藏,代码为_____

      14. 在ajax中data主要有______. _______ . ___________三种⽅式 拼接的，json数组，form表单经serialize()序列化的15. ______⽅法⽤于模拟光标悬停事件 hover()16. jQuery中提供了__________⽅法可以停⽌冒泡17. 可以⽤_______,阻⽌这些默认的⾏为例如单击超链接后会⾃动跳转，单击"提交"按钮后表单会提交等

      18. formData:返回⼀个________，可以通过循环调⽤来校验 数组19. jQuery的______可以给现在元素附加新的元素

      20. jQuery中的选择器⼤致分为:________ . ________ ._____ .___________21. _______⽅法⽤于处理命名冲突

      三．判断题1. 必须等到页⾯内包括图⽚的所有元素加载完毕后才能执⾏✔）2. on()⽅法在被选元素及⼦元素上添加⼀个或多个事件处理程序（✔）3. $("this")是使⽤标签选择器，查找名为this的标签（✔）4. nextAll() 不能替代$('prev~siblindgs')选择器（×）5. 在⼀个⽹页中⼀个Id可以⽤很多次（×）6. 在jquery中可以⽤ replaceWith() 和 replaceAll() 替换节点（✔）7. $('prev~div') 能选择'所有的的同辈

      元素 （×）8. jQuery中addClass()⽅法 可以来设置和获取 样式 （✔）9. $.getScript()⽅法可以加载.js⽂件，需要对javascript⽂件进⾏处理 （×）10. delegate() ⽅法为指定的元素（属于被选元素的⼦元素）添加⼀个或多个事件处理程序，并规定当这些事件发⽣时运⾏的函数（✔）11. jquery的load()⽅法中data 参数是必须的（×）12. nextAll() ⽅法返回被选元素的所有跟随的同胞元素（✔）13. parent() ⽅法返回被选元素的所有祖先元素，它⼀路向上直到⽂档的根元素（×）14. toggle() ⽅法在被选元素上进⾏ 和 之间的切换。（✔）15. $('div > span').css('color', '#FF0000');的作⽤是选取div下的所有span元素，将字体颜⾊设为红⾊（×）16. jQuery是⼀个javascript库（✔）17. 通过 jQuery，$("") 能够选取的元素是class="intro" 的⾸个 div 元素（×）18. ync()⽅法⽤于执⾏异步 HTTP 请求19. jQuery 是 W3C 标准（×）20. jQueryget请求会将参数跟在URL后进⾏传递，⽽POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对⽤户不可见的。（✔）四．简答题1.什么是jQuery?jQuery是继prototype之后⼜⼀个优秀的Javascrīpt框架2.简述domready和onload事件的区别？图⽚的onloaddomready页⾯onload的先后顺序，并简述原因。

      domready在DOM加载完毕时触发；onload在页⾯所有元素都已经准备好时触发，包括图⽚、脚本、样式，⾸先domready，其次图⽚的onload，最后页⾯的onload3.请解释 XMLHttpRequest 对象，并简要说明 jQuery 中的 $.ajax ⽅法使⽤。XMLHttpRequest对象为我们提供了⼀个访问http协议的接⼝，可以与服务器交互数据，实现页⾯的局部刷新。$.ajax是JQ中封装好的使⽤ajax的⽅法，使⽤时传⼊URL、数据类型、失败成功的调⽤函数等等； $.ajax({ url:'', type:'get/post', data:{}, dataType:'', success:function(data){ //.... } });4.图⽚懒加载技术会让图⽚进⼊视野之后延迟⼀⼩段时间才让⽤户看到图⽚，体验不好。如何改进？src，提前缓存在本地，当⽤户需要的时候直接从本地加载。牺牲了性能换得了更好的⽤户体验.

      5. jquery中的选择器 和 css中的选择器有区别吗？

      jQuery选择器⽀持CSS⾥的选择器，jQuery选择器可⽤来添加样式和添加相应的⾏为，CSS 中的选择器是只能添加相应的样式

      6. jquery中$.get()提交和$.post()提交有区别吗？

      : 1 $.get() ⽅法使⽤GET⽅法来进⾏异步请求的。 $.post() ⽅法使⽤POST⽅法来进⾏异步请求的。 2 get请求会将参数跟在URL后进⾏传递，⽽POST请求则是作为HTTP消息的实体 内容发送给Web服务器的，这种传递是对⽤户不可见的。 3 get⽅式传输的数据⼤⼩不能超过2KB ⽽POST要⼤的多 4 GET ⽅式请求的数据会被浏览器缓存起来，因此有安全问题。

      7. 如何来设置和获取HTML 和⽂本的值？

      html()⽅法 类似于innerHTML属性 可以⽤来读取或者设置某个元素中的HTML内容 注意：html() 可以⽤于xhtml⽂档 不能⽤于xml⽂档 text()类似于innerText属性 可以⽤来读取或设置某个元素中⽂本内容。 val() 可以⽤来设置和获取元素的值

      8. 选择器中 id，class有什么区别？ 每个id名称只能⽤⼀次，class可以允许重复使⽤

      9. .jquery表单提交前有⼏种校验⽅法？分别为？？

      formData:返回⼀个数组，可以通过循环调⽤来校验 jaForm：返回⼀个jQuery对象，所有需要先转换成dom对象 fieldValue：返回⼀个数组 beforeSend()

      10. jQuery的美元符号$有什么作⽤？Html代码$(document).ready(function(){ });当然你也可以⽤jQuery来代替$，如下代码：Html代码jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的，例如$(“#main”)即选中id为main的元素。

      11. ()函数和jQuery中的()有什么区别？ 必须等到页⾯内包括图⽚的所有元素加载完毕后才能执⾏。 $(document).ready()是DOM结构绘制完毕后就执⾏，不必等到加载完毕。 $(document).ready()在 之前执⾏2.编写个数不同 不能同时编写多个，如果有多个⽅法，只会执⾏⼀个 $(document).ready()可以同时编写多个，并且都可以得到执⾏3.简化写法 没有简化写法 $(document).ready(function(){})可以简写成$(function(){});4.浏览器兼容性 $(document).ready()可以跨浏览器，例如在使⽤ajax请求的时候⾃动会处理兼容5.出现地⽅不同 是js标准，可出现在任何js脚本中 $(document).ready只有在jq库中出现

      12. 编写⼀段代码请使⽤jQuery将页⾯上的所有元素边框设置为2px宽的虚线？

      2023年6月21日发(作者：)

      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、first B、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. 当⼀个⽂本框中的内容被选中时，想要执⾏指定的⽅法时，可以使⽤下⾯哪个事件来实现? ( ) C A、click(fn) B、change(fn) C、select(fn) D、bind(fn)18.以下 jquery 对象⽅法中，使⽤了事件委托的是( ) DA、bind B. 、mousedown C、change D、on19.元素的type属性的取值可以是（多选）ABDA、image B、checkbox C、select D、button20.下列jQuery事件绑定正确的是____。AA. bind(type,[data],function(eventObject))B. $(‘#demo’).click(function() {})C. $(‘#demo’).on(‘click’,function() {})D. $(‘#demo’).one(‘click’,function() {})21.怎么才能隐藏下⾯的元素？ CA. $(“id_txt”).hide();B. $(#id_txt).remove();C. $(“#id_txt”).hide();D. $(“#id_txt”).remove();22. jQuery 的⽅法get()做什么？AA.使⽤ HTTP GET 请求从服务器加载数据B. 返回⼀个对象C. 返回存在jQuery对象中的DOM元素D. 触发⼀个get AJAX请求23. 在jQuery中 $( '#hello' ).css ( "color"，"#f0000" )$( '#hello' ).css ( "color"" )分别表⽰的含义是: (多选) ABA. $(‘#hello’).css("color",#0000)表⽰选择id为hello 的元素，并设置颜⾊为"f0000" $( '#hello' ).css ( "color"" )表⽰选择id为hello 的元素，并且取到该元素字体显⽰的颜⾊ $(‘#hello' )css("color""f0000"表⽰选择CSS类为hello的元素，并且取到该元素字体显⽰的颜⾊D. $('hello')css("color")表⽰选择CSS类为hello 的元素，并且取到该元素字休显⽰的颜⾊24. 在jquery中，选择使⽤myClass类的css的所有元素( )AA、$(".myClass") B. 、$("#myClass") C、${*} D、${‘body’}25. 在jquery中指定⼀个类，如果存在就执⾏删除功能，如果不存在就执⾏添加功能，下⾯哪⼀个是可以直接完成该功能的？（） CA、removeClass() B、deleteClass() C、toggleClass(class) ss()26. JQuery中，属于⿏标事件⽅法的选项是( ) BA. onclick( ) B. mouseover( ) C. onmouseout( ) D. blur( )27. 在Jquery中，既可绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件，⼜可以切换元素可见状态的⽅法是( )

      BA.. hide( ) B. toggle( ) C. hover( ) p( )28. 关于bind( )⽅法与unbind( )⽅法说法正确的是( 多选 ) BC DA. bind( )⽅法可⽤来移除单个或多个事件B unbind( )⽅法可以移除所有的或被选的事件处理程序C. 使⽤bind( )⽅法可绑定单个或多个事件D. unbind( )⽅法是与bind( )⽅法对应的⽅法29. 在Jquery中，关于fadeIn()⽅法正确的是( ) BA. 可以改变元素的⾼度B 可以逐渐改变被选元素的不透明度，从隐藏到可见（褪⾊效果）C 可以改变元素的宽度D 与fadeIn( )相对的⽅法是fadeOn( )30. 下⾯选项中（）能获得焦点 A () () () s()31. ( )能够动态改变层中的提⽰内容 AA利⽤html( )⽅法 B.利⽤层的id属性C.使⽤onblur事件 D.使⽤display属性32. 在jQuery中，通过jQuery对象.css( )可实现样式控制，以下说法正确的是(多选) ABA. css( )⽅法会去除原有样式⽽设置新样式B. 正确语法：css(“属性”,”值”)C. css( )⽅法不会去除原有样式D. 正确语法：css(“属性”)33. 下列选项中,不属于键盘事件的是( )。n ss 34. 以下jQuery代码运⾏后，对应的HTML代码变为( ) BHTML代码：

      你好

      jQuery代码：$(“p”).append(“快乐编程”);A.

      你好

      快乐编程B.

      你好快乐编程

      C. 快乐编程

      你好

      D.

      快乐编程你好

      35下列选项中,有关数据验证的说法中正确的是( )。DA.使⽤客户端验证可以减轻服务器压⼒B.客观上讲，使⽤客户端验证也会受限于客户端的浏览器设置。C. 基于JavaScript的验证机制正是将服务器的验证任务转嫁⾄客户端，有助于合理使⽤资源。D. 以上说法均正确36. 以下关于Jquery优点的说法中错误的是( ) 的体积较⼩，压缩以后，⼤约只有封装了⼤量的选择器、DOM操作、事件处理，使⽤起来⽐JavaScript简单得多的浏览器兼容很好，能兼容所有的浏览器易扩展，开发者可以⾃⼰编写jquery的扩展插件37. 在Jquery中，下列关于DOM操作的说法错误的是( ) ACA.$(A).append(B)表⽰将A追加到B中B.$(A).appendTo(B)表⽰把A追加到B中C.$(A).after(B)表⽰将A插⼊到B以后D.$(A).insertAfter(B)表⽰将A插⼊到B以后38. 以下()函数不是jQuery内置的与AJAX相关的函数。B A、 $.ajax() B.$.get() C.$.post() D.$.each()39. 以下()选项不能够正确地得到这个标签:( ) BA.$(“#btnGo”) B.$(“.btnGo”)

      C.$(“.btn”) D.$(“input[type=’button’]”)40. 以下关于jQuery的描述错误的是（）是⼀个javascript函数库B. jQuery极⼤地简化了JavaScript编程C. jQuery的宗旨是“write less,do more”D. jQuery的核⼼功能不是根据选择器查找HTML元素，然后对这些元素执⾏相关的操作。41. 在jQuery中被誉为⼯⼚函数的是（）C (） on（） C。$() ( )⼆．填空题1. jquery访问对象中的size()⽅法的返回值和jQuery对象的______属性⼀样.

      2. jquery中$(this).get(0)的写法和_______是等价的。3. 现有⼀个表格，如果想要匹配所有⾏数为偶数的，⽤___实现，奇数的⽤_____实现

      4. 在⼀个表单⾥，想要找到指定元素的第⼀个元素⽤____实现，那么第⼆个元素⽤_____ 实现。5. 在jquery 中，⽤⼀个表达式来检查当前选择的元素集合，使⽤_____来实现，如果这个表达式失效，则返回____值。

      6. 在编写页⾯的时候，如果想要获取指定元素在当前窗⼝的相对偏移，⽤____来实现，该⽅法的返回值有两个属性，分别是____和_____ 7. 在⼀个表单中，如果将所有的div元素都设置为绿⾊，实现功能是_______8. 在jquery 中,当⿏标指针悬停在被选元素上时要运⾏的两个⽅法，实现该操作的是_____

      9. 在jquery中，想让⼀个元素隐藏，⽤_____实现，显⽰隐藏的元素⽤____实现10. 在div元素中,包含了⼀个元素,通过has选择器获取

      元素中的元素的语法是____

      11. 在

      元素中,添加了多个
      • 元素,通过jquery选择器获取最后⼀个
      • 元素的⽅法是______

        12. 在三个

        元素中,分别添加多个
        • 元素,通过jQuery中的⼦元素选择器,将这三个
          元素中的第⼀个
          • 元素隐藏,代码是______13. 在页⾯的表单中增加了多个类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些选中状态的元素隐藏,代码为_____

            14. 在ajax中data主要有______. _______ . ___________三种⽅式 拼接的，json数组，form表单经serialize()序列化的15. ______⽅法⽤于模拟光标悬停事件 hover()16. jQuery中提供了__________⽅法可以停⽌冒泡17. 可以⽤_______,阻⽌这些默认的⾏为例如单击超链接后会⾃动跳转，单击"提交"按钮后表单会提交等

            18. formData:返回⼀个________，可以通过循环调⽤来校验 数组19. jQuery的______可以给现在元素附加新的元素

            20. jQuery中的选择器⼤致分为:________ . ________ ._____ .___________21. _______⽅法⽤于处理命名冲突

            三．判断题1. 必须等到页⾯内包括图⽚的所有元素加载完毕后才能执⾏✔）2. on()⽅法在被选元素及⼦元素上添加⼀个或多个事件处理程序（✔）3. $("this")是使⽤标签选择器，查找名为this的标签（✔）4. nextAll() 不能替代$('prev~siblindgs')选择器（×）5. 在⼀个⽹页中⼀个Id可以⽤很多次（×）6. 在jquery中可以⽤ replaceWith() 和 replaceAll() 替换节点（✔）7. $('prev~div') 能选择'所有的的同辈

            元素 （×）8. jQuery中addClass()⽅法 可以来设置和获取 样式 （✔）9. $.getScript()⽅法可以加载.js⽂件，需要对javascript⽂件进⾏处理 （×）10. delegate() ⽅法为指定的元素（属于被选元素的⼦元素）添加⼀个或多个事件处理程序，并规定当这些事件发⽣时运⾏的函数（✔）11. jquery的load()⽅法中data 参数是必须的（×）12. nextAll() ⽅法返回被选元素的所有跟随的同胞元素（✔）13. parent() ⽅法返回被选元素的所有祖先元素，它⼀路向上直到⽂档的根元素（×）14. toggle() ⽅法在被选元素上进⾏ 和 之间的切换。（✔）15. $('div > span').css('color', '#FF0000');的作⽤是选取div下的所有span元素，将字体颜⾊设为红⾊（×）16. jQuery是⼀个javascript库（✔）17. 通过 jQuery，$("") 能够选取的元素是class="intro" 的⾸个 div 元素（×）18. ync()⽅法⽤于执⾏异步 HTTP 请求19. jQuery 是 W3C 标准（×）20. jQueryget请求会将参数跟在URL后进⾏传递，⽽POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对⽤户不可见的。（✔）四．简答题1.什么是jQuery?jQuery是继prototype之后⼜⼀个优秀的Javascrīpt框架2.简述domready和onload事件的区别？图⽚的onloaddomready页⾯onload的先后顺序，并简述原因。

            domready在DOM加载完毕时触发；onload在页⾯所有元素都已经准备好时触发，包括图⽚、脚本、样式，⾸先domready，其次图⽚的onload，最后页⾯的onload3.请解释 XMLHttpRequest 对象，并简要说明 jQuery 中的 $.ajax ⽅法使⽤。XMLHttpRequest对象为我们提供了⼀个访问http协议的接⼝，可以与服务器交互数据，实现页⾯的局部刷新。$.ajax是JQ中封装好的使⽤ajax的⽅法，使⽤时传⼊URL、数据类型、失败成功的调⽤函数等等； $.ajax({ url:'', type:'get/post', data:{}, dataType:'', success:function(data){ //.... } });4.图⽚懒加载技术会让图⽚进⼊视野之后延迟⼀⼩段时间才让⽤户看到图⽚，体验不好。如何改进？src，提前缓存在本地，当⽤户需要的时候直接从本地加载。牺牲了性能换得了更好的⽤户体验.

            5. jquery中的选择器 和 css中的选择器有区别吗？

            jQuery选择器⽀持CSS⾥的选择器，jQuery选择器可⽤来添加样式和添加相应的⾏为，CSS 中的选择器是只能添加相应的样式

            6. jquery中$.get()提交和$.post()提交有区别吗？

            : 1 $.get() ⽅法使⽤GET⽅法来进⾏异步请求的。 $.post() ⽅法使⽤POST⽅法来进⾏异步请求的。 2 get请求会将参数跟在URL后进⾏传递，⽽POST请求则是作为HTTP消息的实体 内容发送给Web服务器的，这种传递是对⽤户不可见的。 3 get⽅式传输的数据⼤⼩不能超过2KB ⽽POST要⼤的多 4 GET ⽅式请求的数据会被浏览器缓存起来，因此有安全问题。

            7. 如何来设置和获取HTML 和⽂本的值？

            html()⽅法 类似于innerHTML属性 可以⽤来读取或者设置某个元素中的HTML内容 注意：html() 可以⽤于xhtml⽂档 不能⽤于xml⽂档 text()类似于innerText属性 可以⽤来读取或设置某个元素中⽂本内容。 val() 可以⽤来设置和获取元素的值

            8. 选择器中 id，class有什么区别？ 每个id名称只能⽤⼀次，class可以允许重复使⽤

            9. .jquery表单提交前有⼏种校验⽅法？分别为？？

            formData:返回⼀个数组，可以通过循环调⽤来校验 jaForm：返回⼀个jQuery对象，所有需要先转换成dom对象 fieldValue：返回⼀个数组 beforeSend()

            10. jQuery的美元符号$有什么作⽤？Html代码$(document).ready(function(){ });当然你也可以⽤jQuery来代替$，如下代码：Html代码jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的，例如$(“#main”)即选中id为main的元素。

            11. ()函数和jQuery中的()有什么区别？ 必须等到页⾯内包括图⽚的所有元素加载完毕后才能执⾏。 $(document).ready()是DOM结构绘制完毕后就执⾏，不必等到加载完毕。 $(document).ready()在 之前执⾏2.编写个数不同 不能同时编写多个，如果有多个⽅法，只会执⾏⼀个 $(document).ready()可以同时编写多个，并且都可以得到执⾏3.简化写法 没有简化写法 $(document).ready(function(){})可以简写成$(function(){});4.浏览器兼容性 $(document).ready()可以跨浏览器，例如在使⽤ajax请求的时候⾃动会处理兼容5.出现地⽅不同 是js标准，可出现在任何js脚本中 $(document).ready只有在jq库中出现

            12. 编写⼀段代码请使⽤jQuery将页⾯上的所有元素边框设置为2px宽的虚线？