jQuery笔试题汇总整理

元素⽽siblings()⽅法与前后的⽂职⽆关，只要是同辈节点就都能匹配。29 你在ajax中使⽤过JSON吗，你是如何⽤的？答:使⽤过，在$.getJSON()⽅法的时候就是。因为 $.getJSON() 就是⽤于加载JSON⽂件的30 有哪些查询节点的选择器？答：我在公司使⽤过:first 查询第⼀个， :last 查询最后⼀个，:odd查询奇数但是索引从0开始 :even 查询偶数，:eq(index)查询相等的 , :gt(index)查询⼤于index的 ,:lt查询⼩于index :header 选取所有的标题等31 nextAll()能替代$('prev~siblindgs')选择器吗？答:能。使⽤nextAll() 和使⽤$('prev~siblindgs') 是⼀样的32 jQuery中有⼏种⽅法可以来设置和获取样式答 ：addClass() ⽅法，attr() ⽅法33 $(document).ready()⽅法和有什么区别？答: 两个⽅法有相似的功能，但是在实⾏时机⽅⾯是有区别的。1 ⽅法是在⽹页中所有的元素(包括元素的所有关联⽂件)完全加载到浏览器后才执⾏的。2 $(document).ready() ⽅法可以在DOM载⼊就绪时就对其进⾏操纵，并调⽤执⾏绑定的函数。34 jQuery是如何处理缓存的？答 ：要处理缓存就是禁⽤缓存.1 通过$.post() ⽅法来获取数据，那么默认就是禁⽤缓存的。2 通过$.get()⽅法 来获取数据，可以通过设置时间戳来避免缓存。可以在URL后⾯加上+(+new Date)例 $.get('?'+(+new Date),function () { //内容 });3 通过$.ajax ⽅法来获取数据，只要设置cache:false即可。35 $.getScript()⽅法 和 $.getJson() ⽅法有什么区别？答: 1 $.getScript() ⽅法可以直接加载.js⽂件，并且不需要对javascript⽂件进⾏处理，javascript⽂件会⾃动执⾏。2 $.getJson() 是⽤于加载JSON ⽂件的 ，⽤法和$.getScript()36 你读过有关于jQuery的书吗？答: 《jquery基础教程》，《jquery实战》，《锋利的jquery》，《巧⽤jquery》，《jQuery⽤户界⾯库学习指南》等37 $("#msg").text(); 和 $("#msg").text("new content");有什么区别？答：1 $("#msg").text() 是 返回id为msg的元素节点的⽂本内容2 $("#msg").text("new content");是 将“new content”作为普通⽂本串写⼊id为msg的元素节点内容中,

页⾯显⽰粗体的new content38 radio单选组的第⼆个元素为当前选中值，该怎么去取？答 : $('input[name=items]').get(1).checked = true;39 选择器中 id，class有什么区别？答：在⽹页中 每个id名称只能⽤⼀次，class可以允许重复使⽤40 你使⽤过哪些数据格式，它们各有什么特点？答: HTML格式 ,JSON格式,javascript格式,XML格式1 HTML⽚段提供外部数据⼀般来说是最简单的。2 如果数据需要重⽤，⽽且其他应⽤程序也可能⼀次受到影响，那么在性能和⽂件⼤⼩⽅⾯具有优势的JSON通常是不错的选择。3 ⽽当远程应⽤程序未知时，XML则能够为良好的互操作性提供最可靠的保证。41 jQuery 能做什么？答：1 获取页⾯的元素2 修改页⾯的外观3 改变页⾯⼤的内容4 响应⽤户的页⾯操作5 为页⾯添加动态效果6 ⽆需刷新页⾯，即可以从服务器获取信息7 简化常见的javascript任务42 在ajax中data主要有⼏种⽅式？答 ： 三种，html拼接的，json数组，form表单经serialize()序列化的。43 ：jQuery中的hover()和toggle()有什么区别？答 hover()和toggle()都是jQuery中两个合成事件。hover()⽅法⽤于模拟光标悬停事件。toggle()⽅法是连续点击事件。44 你知道jQuery中的事件冒泡吗，它是怎么执⾏的，何如来停⽌冒泡事件？答 : 知道, 事件冒泡是从⾥⾯的往外⾯开始触发。在jQuery中提供了stopPropagation()⽅法可以停⽌冒泡。45 例如 单击超链接后会⾃动跳转，单击"提交"按钮后表单会提交等，有时候我想阻⽌这些默认的⾏为，该怎么办？答: 可以⽤ tDefault()或 在事件处理函数中返回false，即 return false;表单提交前有⼏种校验⽅法？分别为？？formData:返回⼀个数组，可以通过循环调⽤来校验jaForm：返回⼀个jQuery对象，所有需要先转换成dom对象fieldValue：返回⼀个数组 beforeSend()47.在jquery中你有没有编写过插件，插件有什么好处？你编写过那些插件？它应该注意那些？答: 插件的好处：对已有的⼀系列⽅法或函数的封装，以便在其他地⽅重新利⽤，⽅便后期维护和提⾼开发效率插件的分类：封装对象⽅法插件 、封装全局函数插件、选择器插件注意的地⽅：1.插件的⽂件名推荐命名为jquery.[插件名].js，以免和其他的javaScript库插件混2.所有的对象⽅法都应当附加到对象上，⽽所有的全局函数都应当附加到jQuery对象本⾝上3.插件应该返回⼀个jQuery对象，以保证插件的可链式操作4.避免在插件内部使⽤$作为jQuery对象的别名,⽽应使⽤完整的jQuery来表⽰，这样可以避免冲突或使⽤闭包来避免5.所有的⽅法或函数插件，都应当⼀分好结尾，否则压缩的时候可能出现问题。在插件头部加上分号，这样可以避免他⼈的不规范代码给插件带来影响6.在插件中通过$.extent({})封装全局函数,选择器插件，扩展已有的object对象通过$.({})封装对象⽅法插件48.怎样给jquery动态附加新的元素?那么怎样给新⽣成的元素绑定事件呢？jQuery的html()可以给现在元素附加新的元素直接在元素还未⽣成前就绑定肯定是⽆效的，因为所绑定的元素⽬前根本不存在。所以我们可以通过live和livequery来动态绑定事件与jQuery UI 有啥区别？ *jQuery是⼀个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上，利⽤jQuery的扩展性，设计的插件。 提供了⼀些常⽤的界⾯元素，诸如对话框、拖动⾏为、改变⼤⼩⾏为等等 中如何将数组转化为json字符串，然后再转化回来？jQuery中没有提供这个功能，所以你需要先编写两个jQuery的扩展： $.ifyArray = function(array) { return ify(array) } $.rray = function(array) { return (array) } 然后调⽤： $("").stringifyArray(array)

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

jQuery笔试题汇总整理1 你在公司是怎么⽤jquery的？答：在项⽬中是怎么⽤的是看看你有没有项⽬经验(根据⾃⼰的实际情况来回答) 你⽤过的选择器啊，动画啊，表单啊，ajax事件等配置Jquery环境 下载jquery类库 在jsp页⾯引⽤jquery类库即可2 你为什么要使⽤jquery？答：因为jQuery是轻量级的框架，⼤⼩不到30kb,它有强⼤的选择器，出⾊的DOM操作的封装，有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)，完善的ajax(它的ajax封装的⾮常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使⽤的问题。) 出⾊的浏览器的兼容性。⽽且⽀持链式操作，隐式迭代。⾏为层和结构层的分离，还⽀持丰富的插件，jquery的⽂档也⾮常的丰富。3 你觉得jquery有哪些好处？ 答案同上4 你使⽤jquery遇到过哪些问题，你是怎么解决的？答：这个答案是开发的，看你是否有相关的项⽬经验。例：前台拿不到值，JSON 可是出现的错误(多了⼀个空格等)这编译是不会报错的 jquery库与其他库冲突；今天在处理⼀个数据问题时，发现()⽅法返回的值⼀直有问题，清除缓存后数据⽆误，多次测试后发现返回的值都是之前的值，并且⼀直未执⾏url(后台为JAVA，设置断点⼀直未进⼊)。在⽹上查找下,发现是未设置type的原因。如果没设置的type="Post"，那么ajax就会默认type="Get"，这就会导致之前数据被缓存起来。加上type="Post"，问题解决！5 你知道jquery中的选择器吗，请讲⼀下有哪些选择器？答 ：选择器⼤致分为:基本选择器，层次选择器，过滤选择器，表单选择器6 jquery中的选择器 和 css中的选择器有区别吗？答：jQuery选择器⽀持CSS⾥的选择器，jQuery选择器可⽤来添加样式和添加相应的⾏为CSS 中的选择器是只能添加相应的样式7 你觉得jquery中的选择器有什么优势？答：简单的写法 $('ID') 来代替 mentById()函数⽀持CSS1 到CSS3 选择器完善的处理机制(就算写错了id也不会报错)8 你在使⽤选择器的时候有有没有什么觉得要注意的地⽅？答: 1 选择器中含有".","#","[" 等特殊字符的时候需要进⾏转译2 属性选择器的引号问题3 选择器中含有空格的注意事项9 jquery对象和dom对象是怎样转换的？答 ：jquery转DOM对象:jQuery 对象是⼀个数组对象，可以通过[index]的丰富得到相应的DOM对象还可以通过get[index]去得到相应的DOM对象。DOM对象转jQuery对象:$(DOM对象)10 你是如何使⽤jquery中的ajax的？答: 如果是⼀些常规的ajax程序的话，使⽤load(),$.get(),$.post(),就可以搞定了，⼀般我会使⽤的是$.post() ⽅法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理)及complete(请求完成后处理)回调函数等，这个时候我会使⽤$.ajax()11 你觉得jquery中的ajax好⽤吗，为什么？答: 好⽤的。因为jQuery提供了⼀些⽇常开发中夙瑶的快捷操作，例 load，ajax，get，post等等，所以使⽤jQuery开发ajax将变得极其简单，我们就可以集中精⼒在业务和⽤户的体验上，不需要去理会那些繁琐的XMLHttpRequest对象了。12 jquery中$.get()提交和$.post()提交有区别吗？答: 1 $.get() ⽅法使⽤GET⽅法来进⾏异步请求的。

$.post() ⽅法使⽤POST⽅法来进⾏异步请求的。2 get请求会将参数跟在URL后进⾏传递，⽽POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对⽤户不可见的。3 get⽅式传输的数据⼤⼩不能超过2KB ⽽POST要⼤的多4 GET ⽅式请求的数据会被浏览器缓存起来，因此有安全问题。13 jquery中的load⽅法⼀般怎么⽤的？答：load⽅法⼀般在载⼊远程HTML代码并插⼊到DOM中的时候⽤通常⽤来从Web服务器上获取静态的数据⽂件。如果要传递参数的话，可以使⽤$.get() 或 $.post()14 在jquery中你是如何去操作样式的？答: addClass() 来追加样式removeClass() 来删除样式toggle() 来切换样式15 简单的讲叙⼀下jquery是怎么处理事件的，你⽤过哪些事件？答: ⾸先去装载⽂档，在页⾯家在完毕后，浏览器会通过javascript 为DOM 元素添加事件。16 你使⽤过jquery中的动画吗，是怎样⽤的？答:使⽤过。hide() 和 show() 同时修改多个样式属性。像⾼度，宽度，不透明度。 fadeIn() 和fadeOut() fadeTo() 只改变不透明度slideUp() 和 slideDown() slideToggle() 只改变⾼度animate() 属于⾃定义动画的⽅法.17 你使⽤过jquery中的插件吗？答:看个⼈的实⼒和经验来回答了，例如：jQuery_Mobile,jQuery_ui。18 你⼀般⽤什么去提交数据，为什么？答:⼀般我会使⽤的是$.post() ⽅法。如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理)及complete(请求完成后处理)回调函数等，这个时候我会使⽤$.ajax()19 在jquery中引⼊css有⼏种⽅式？答:四种 ⾏内式，内嵌式，导⼊式，链接式20 你在jquery中使⽤过哪些插⼊节点的⽅法，它们的区别是什么？ 答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter() before(),insertBefore()

内添加在⽂档内添加元素To()把匹配的元素添加到对象⾥d()在元素前添加dTo()把匹配的元素添加到对象前 外添加()在元素之后添加()在元素之前添加After()把匹配元素在对象后添加Before()把匹配元素在对象前添加21 你使⽤过包裹节点的⽅法吗，包裹节点有⽅法有什么好处？答: ()把匹配的元素包裹起来 l()把所有匹配的对象⽤单个元素包裹ner()将每⼀个元素的⼦内容包裹需要在⽂档中插⼊额外的结构化标记的时候可以使⽤这些包裹的⽅法，应为它不会帛画原始⽂档的语义22 jquery中如何来获取或和设置属性？答：jQuery中可以⽤attr()⽅法来获取和设置元素属性removeAttr() ⽅法来删除元素属性23 如何来设置和获取HTML 和⽂本的值？答：html()⽅法 类似于innerHTML属性 可以⽤来读取或者设置某个元素中的HTML内容注意：html() 可以⽤于xhtml⽂档，不能⽤于xml⽂档Text() 类似于innerText属性 可以⽤来读取或设置某个元素中⽂本内容。val() 可以⽤来设置和获取元素的值24 你jquery中有哪些⽅法可以遍历节点？答 ：children() 取得匹配元素的⼦元素集合,只考虑⼦元素不考虑后代元素 next() 取得匹配元素后⾯紧邻的同辈元素 prev() 取得匹配元素前⾯紧邻的同辈元素 siblings() 取得匹配元素前后的所有同辈元素 closest() 取得最近的匹配元素 find() 取得匹配元素中的元素集合 包括⼦代和后代25 ⼦元素选择器和后代选择器元素有什么区别？答:⼦代元素是找⼦节点下的所有元素,后代元素是找⼦节点或⼦节点的⼦节点的元素26 在jquery中可以替换节点吗？答：可以 在jQuery中有两者替换节点的⽅式replaceWith() 和 replaceAll() 例如：在

hao are you

替换成Iam fine $('p').replaceWith('I am fine'); replaceAll 与replaceWith的⽤法前后调换⼀下即可。27 你觉得beforeSend⽅法有什么⽤？答：发送请求前可以修改XMLHttpRequest对象的函数，在beforeSend中，如果返回false可以取消本次的Ajax请求。XMLHttpRequest对象是唯⼀的参数，所以在这个⽅法⾥可以做验证28 siblings() ⽅法 和 $('prev~div')选择器是⼀样的嘛？答: $('prev~div') 只能选择'#prev'元素后⾯的同辈

元素⽽siblings()⽅法与前后的⽂职⽆关，只要是同辈节点就都能匹配。29 你在ajax中使⽤过JSON吗，你是如何⽤的？答:使⽤过，在$.getJSON()⽅法的时候就是。因为 $.getJSON() 就是⽤于加载JSON⽂件的30 有哪些查询节点的选择器？答：我在公司使⽤过:first 查询第⼀个， :last 查询最后⼀个，:odd查询奇数但是索引从0开始 :even 查询偶数，:eq(index)查询相等的 , :gt(index)查询⼤于index的 ,:lt查询⼩于index :header 选取所有的标题等31 nextAll()能替代$('prev~siblindgs')选择器吗？答:能。使⽤nextAll() 和使⽤$('prev~siblindgs') 是⼀样的32 jQuery中有⼏种⽅法可以来设置和获取样式答 ：addClass() ⽅法，attr() ⽅法33 $(document).ready()⽅法和有什么区别？答: 两个⽅法有相似的功能，但是在实⾏时机⽅⾯是有区别的。1 ⽅法是在⽹页中所有的元素(包括元素的所有关联⽂件)完全加载到浏览器后才执⾏的。2 $(document).ready() ⽅法可以在DOM载⼊就绪时就对其进⾏操纵，并调⽤执⾏绑定的函数。34 jQuery是如何处理缓存的？答 ：要处理缓存就是禁⽤缓存.1 通过$.post() ⽅法来获取数据，那么默认就是禁⽤缓存的。2 通过$.get()⽅法 来获取数据，可以通过设置时间戳来避免缓存。可以在URL后⾯加上+(+new Date)例 $.get('?'+(+new Date),function () { //内容 });3 通过$.ajax ⽅法来获取数据，只要设置cache:false即可。35 $.getScript()⽅法 和 $.getJson() ⽅法有什么区别？答: 1 $.getScript() ⽅法可以直接加载.js⽂件，并且不需要对javascript⽂件进⾏处理，javascript⽂件会⾃动执⾏。2 $.getJson() 是⽤于加载JSON ⽂件的 ，⽤法和$.getScript()36 你读过有关于jQuery的书吗？答: 《jquery基础教程》，《jquery实战》，《锋利的jquery》，《巧⽤jquery》，《jQuery⽤户界⾯库学习指南》等37 $("#msg").text(); 和 $("#msg").text("new content");有什么区别？答：1 $("#msg").text() 是 返回id为msg的元素节点的⽂本内容2 $("#msg").text("new content");是 将“new content”作为普通⽂本串写⼊id为msg的元素节点内容中,

页⾯显⽰粗体的new content38 radio单选组的第⼆个元素为当前选中值，该怎么去取？答 : $('input[name=items]').get(1).checked = true;39 选择器中 id，class有什么区别？答：在⽹页中 每个id名称只能⽤⼀次，class可以允许重复使⽤40 你使⽤过哪些数据格式，它们各有什么特点？答: HTML格式 ,JSON格式,javascript格式,XML格式1 HTML⽚段提供外部数据⼀般来说是最简单的。2 如果数据需要重⽤，⽽且其他应⽤程序也可能⼀次受到影响，那么在性能和⽂件⼤⼩⽅⾯具有优势的JSON通常是不错的选择。3 ⽽当远程应⽤程序未知时，XML则能够为良好的互操作性提供最可靠的保证。41 jQuery 能做什么？答：1 获取页⾯的元素2 修改页⾯的外观3 改变页⾯⼤的内容4 响应⽤户的页⾯操作5 为页⾯添加动态效果6 ⽆需刷新页⾯，即可以从服务器获取信息7 简化常见的javascript任务42 在ajax中data主要有⼏种⽅式？答 ： 三种，html拼接的，json数组，form表单经serialize()序列化的。43 ：jQuery中的hover()和toggle()有什么区别？答 hover()和toggle()都是jQuery中两个合成事件。hover()⽅法⽤于模拟光标悬停事件。toggle()⽅法是连续点击事件。44 你知道jQuery中的事件冒泡吗，它是怎么执⾏的，何如来停⽌冒泡事件？答 : 知道, 事件冒泡是从⾥⾯的往外⾯开始触发。在jQuery中提供了stopPropagation()⽅法可以停⽌冒泡。45 例如 单击超链接后会⾃动跳转，单击"提交"按钮后表单会提交等，有时候我想阻⽌这些默认的⾏为，该怎么办？答: 可以⽤ tDefault()或 在事件处理函数中返回false，即 return false;表单提交前有⼏种校验⽅法？分别为？？formData:返回⼀个数组，可以通过循环调⽤来校验jaForm：返回⼀个jQuery对象，所有需要先转换成dom对象fieldValue：返回⼀个数组 beforeSend()47.在jquery中你有没有编写过插件，插件有什么好处？你编写过那些插件？它应该注意那些？答: 插件的好处：对已有的⼀系列⽅法或函数的封装，以便在其他地⽅重新利⽤，⽅便后期维护和提⾼开发效率插件的分类：封装对象⽅法插件 、封装全局函数插件、选择器插件注意的地⽅：1.插件的⽂件名推荐命名为jquery.[插件名].js，以免和其他的javaScript库插件混2.所有的对象⽅法都应当附加到对象上，⽽所有的全局函数都应当附加到jQuery对象本⾝上3.插件应该返回⼀个jQuery对象，以保证插件的可链式操作4.避免在插件内部使⽤$作为jQuery对象的别名,⽽应使⽤完整的jQuery来表⽰，这样可以避免冲突或使⽤闭包来避免5.所有的⽅法或函数插件，都应当⼀分好结尾，否则压缩的时候可能出现问题。在插件头部加上分号，这样可以避免他⼈的不规范代码给插件带来影响6.在插件中通过$.extent({})封装全局函数,选择器插件，扩展已有的object对象通过$.({})封装对象⽅法插件48.怎样给jquery动态附加新的元素?那么怎样给新⽣成的元素绑定事件呢？jQuery的html()可以给现在元素附加新的元素直接在元素还未⽣成前就绑定肯定是⽆效的，因为所绑定的元素⽬前根本不存在。所以我们可以通过live和livequery来动态绑定事件与jQuery UI 有啥区别？ *jQuery是⼀个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上，利⽤jQuery的扩展性，设计的插件。 提供了⼀些常⽤的界⾯元素，诸如对话框、拖动⾏为、改变⼤⼩⾏为等等 中如何将数组转化为json字符串，然后再转化回来？jQuery中没有提供这个功能，所以你需要先编写两个jQuery的扩展： $.ifyArray = function(array) { return ify(array) } $.rray = function(array) { return (array) } 然后调⽤： $("").stringifyArray(array)