jQuery面试题汇总

1 你在公司是怎么用jquery的？

答：在项目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答) 用过的选择器啊，复选框啊，表单啊，ajax啊，事件等

配置Jquery下载jquery类库在jsp页面引用jquery类库即可

你

2 你为什么要使用jquery？

答：因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器， 出色的DOM操作的封装，有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)，完善的ajax(它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。) 出色的浏览器的兼容性。而且支持链式操作，隐式迭代。行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富。

3 你觉得jquery有哪些好处？ 答案同上

4 你使用jquery遇到过哪些问题，你是怎么解决的？

答：这个答案是开发的，看你是否有相关的项目经验。例前台拿不到值，JSON 可是出现的错误(多了一个空格等)这编译是不会报错的 jquery库与其他库冲突： 1>如果其他库在jquery库之前导入的话

1.我们可以通过jquery.noconflict()将变量的$的控制权过度给其他库 2.自定义快捷键,用一个变量接住jquery.noconflict() 3.通过函数传参

2>如果jquery库在其他库之前导入就直接使用jquery

今天在处理一个数据问题时，发现jQuery.ajax()方法返回的值一直有问题，清除缓存后数据无误，多次测试后发现返回的值都是之前的值，并且一直未执行url(后台为JAVA，设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.ajax的type=\，那么ajax就会默认type=\，这就会导致之前数据被缓存起来。加上type=\，问题解决！

5 、你知道jquery中的选择器吗，请讲一下有哪些选择器？

答：jQuery中的选择器大致分为:基本选择器，层次选择器，过滤选择器，表单选择器 6 jquery中的选择器和css中的选择器有区别吗？

答：jQuery选择器支持CSS里的选择器，jQuery选择器可用来添加样式和添加相应的行为 CSS 中的选择器是只能添加相应的样式 7 你觉得jquery中的选择器有什么优势？

答：简单的写法 $('ID') 来代替document.getElementById()函数支持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中的插件吗？

答:看个人的实力和经验来回答了。 18 你一般用什么去提交数据，为什么？ 答:一般我会使用的是$.post() 方法。

如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理) 及complete(请求完成后处理)回调函数等，这个时候我会使用$.ajax() 19 在jquery中引入css有几种方式？

答:四种行内式，内嵌式，导入式，链接式

20 你在jquery中使用过哪些插入节点的方法，它们的区别是什么？ 答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter()

before(),insertBefore()大致可以分为：内部追加和外部追加 append() 表式向每个元素内部追加内容。 appendTo() 表示讲所有的元素追加到指定的元素中。 例$(A)appendTo(B) 是将A追加到B中 下面的方法解释类似

21、你使用过包裹节点的方法吗，包裹节点有方法有什么好处？

答: wrapAll(),wrap(), wrapInner()需要在文档中插入额外的结构化标记的时候可以使用这些包裹的方法应为它不会帛画原始文档的语义 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()

例如在

I am fine

$('p').replaceWith('I am fine'); replaceAll与replaceWith的用法前后调换一下即可。 27 你觉得beforeSend方法有什么用？

答：发送请求前可以修改XMLHttpRequest对象的函数，在beforeSend中如果返回false 可以取消本次的Ajax请求。XMLHttpRequest对象是唯一的参数所以在这个方法里可以做验证

28 siblings() 方法和 $('prev~div')选择器是一样的嘛？

答: $('prev~div') 只能选择'#prev'元素后面的同辈