⾃⼰总结的web前端的jquery⾯试题
1 你在公司是怎么⽤jquery的？
答：在项⽬中是怎么⽤的是看看你有没有项⽬经验(根据⾃⼰的实际情况来回答) 你⽤过的选择器啊，动画啊，表单啊，ajax事件等
配置Jquery环境 下载jquery类库 在jsp页⾯引⽤jquery类库即可
<script type="text/javascript" src="jquery/jquery-1.7.2.min.js"/></script>
<script>
$(function(){ });
</script>
2 你为什么要使⽤jquery？
答：因为jQuery是轻量级的框架，⼤⼩不到30kb，它有强⼤的选择器，出⾊的DOM操作的封装，有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)，完善的ajax(它的ajax封装的⾮常的好，不
需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使⽤的问题。) 出⾊的浏览器的兼容性。⽽且⽀持链式操作，隐式迭代。⾏为层和结构层的分离，还⽀持丰富的插件，jquery的⽂档也⾮常的丰富。
3 你觉得jquery有哪些好处？ 答案同上
4  你使⽤jquery遇到过哪些问题，你是怎么解决的？
答：这个答案是开发的，看你是否有相关的项⽬经验。
例：前台拿不到值，JSON 可是出现的错误(多了⼀个空格等)这编译是不会报错的 jquery库与其他库冲突；
今天在处理⼀个数据问题时，发现jQuery.ajax()⽅法返回的值⼀直有问题，清除缓存后数据⽆误，多次测试后发现返回的值都是之前的值，并且⼀直未执⾏url(后台为JAVA，设置断点⼀直未进⼊)。在⽹上查下，发现是未设置type的原因。如果没设置jQuery.ajax的
type="Post"，那么ajax就会默认type="Get"，这就会导致之前数据被缓存起来。加上type="Post"，问题解决！
5  你知道jquery中的选择器吗，请讲⼀下有哪些选择器？
答 ：选择器⼤致分为：基本选择器，层次选择器，过滤选择器，表单选择器
6  jquery中的选择器 和 css中的选择器有区别吗？
答：jQuery选择器⽀持CSS⾥的选择器，
jQuery选择器可⽤来添加样式和添加相应的⾏为
CSS 中的选择器是只能添加相应的样式
7  你觉得jquery中的选择器有什么优势？
答：简单的写法  $('ID') 来代替 ElementById()函数
⽀持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是怎么处理事件的，你⽤过哪些事件？
javafx的安装使用方法答: ⾸先去装载⽂档，在页⾯家在完毕后，浏览器会通过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()
内添加
1.append在⽂档内添加元素
web前端基础面试题2.appendTo()把匹配的元素添加到对象⾥
3.prepend()在元素前添加
4.prependTo()把匹配的元素添加到对象前
外添加
1.after()在元素之后添加
2.before()在元素之前添加
3.insertAfter()把匹配元素在对象后添加
4.insertBefore()把匹配元素在对象前添加
21  你使⽤过包裹节点的⽅法吗，包裹节点有⽅法有什么好处？
答: 1.wrap()把匹配的元素包裹起来
2.wrapAll()把所有匹配的对象⽤单个元素包裹
3.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() 例如：在<p title="hao are you">hao are you</p>替换成<strong>I am fine<strong>  $('p').replaceWith('<strong>I am fine</stron
g>');
replaceAll 与replaceWith的⽤法前后调换⼀下即可。
27 你觉得beforeSend⽅法有什么⽤？
procreate是什么软件
答：发送请求前可以修改XMLHttpRequest对象的函数，在beforeSend中，如果返回false可以取消本次的Ajax请求。XMLHttpRequest对象是唯⼀的参数，所以在这个⽅法⾥可以做验证
28 siblings() ⽅法 和 $('prev~div')选择器是⼀样的嘛？
答: $('prev~div') 只能选择'#prev'元素后⾯的同辈<div>元素
⽽siblings()⽅法与前后的⽂职⽆关，只要是同辈节点就都能匹配。
29 你在ajax中使⽤过JSON吗，你是如何⽤的？
答：使⽤过，在$.getJSON()⽅法的时候就是。
因为 $.getJSON() 就是⽤于加载JSON⽂件的
30 有哪些查询节点的选择器？webservlet
答：我在公司使⽤过
: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()⽅法和load有什么区别？
答: 两个⽅法有相似的功能，但是在实⾏时机⽅⾯是有区别的。
load⽅法是在⽹页中所有的元素(包括元素的所有关联⽂件)完全加载到浏览器后才执⾏的。
2 $(document).ready() ⽅法可以在DOM载⼊就绪时就对其进⾏操纵，并调⽤执⾏绑定的函数。
34 jQuery是如何处理缓存的？
答 ：要处理缓存就是禁⽤缓存.
1 通过$.post() ⽅法来获取数据，那么默认就是禁⽤缓存的。
2 通过$.get()⽅法 来获取数据，可以通过设置时间戳来避免缓存。
可以在URL后⾯加上+(+new Date)
例 $.get('l?'+(+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("<b>new content</b>")；有什么区别？
答：1 $("#msg").text() 是 返回id为msg的元素节点的⽂本内容
2 $("#msg").text("<b>new content</b>")；是 将“<b>new content</b>”作为普通⽂本串写⼊id为msg的元素节点内容中,
页⾯显⽰粗体的<b>new content</b>
38 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 修改页⾯的外观
lightbox怎么读
3 改变页⾯⼤的内容
4 响应⽤户的页⾯操作
5 为页⾯添加动态效果
6 ⽆需刷新页⾯，即可以从服务器获取信息
7 简化常见的javascript任务
42 在ajax中data主要有⼏种⽅式？
答 ： 三种，html拼接的，json数组，form表单经serialize()序列化的。
43 ：jQuery中的hover()和toggle()有什么区别？
答 hover()和toggle()都是jQuery中两个合成事件。
hover()⽅法⽤于模拟光标悬停事件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。