jQuery⾯试笔试题汇总整理
1、你为什么要使⽤jQuery？你觉得jquery有哪些好处？
1、因为jQuery是轻量级的框架，⼤⼩不到30kb
2、它有强⼤的选择器，出⾊的DOM操作的封装
3、有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)
4、完善的ajax(它的ajax封装的⾮常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使⽤的问题。)
5、出⾊的浏览器的兼容性
6、⽀持链式操作，隐式迭代
7、⾏为层和结构层的分离，还⽀持丰富的插件，jquery的⽂档也⾮常的丰富1‘
2、(document).ready()(functiion({}))⽅法和load有什么区别？
两个⽅法的功能相似，但在实⾏时机⽅⾯是有区别的
1、load⽅法是在⽹页中所有的元素完全加载到浏览器后才执⾏
2、$(document).ready() 可以在DOM载⼊就绪是就对其进⾏操纵，并调⽤执⾏绑定的函数
3、你知道jQuery中的选择器吗，有哪些选择器
⼤致分为：基本选择器，层次选择器，表单选择器
基本选择器：id选择器，标签选择器，类选择器等
层次选择器：如：$("form input") 选择所有的form元素中的input元素 $("#main > *")选择id为main的所有⼦元素
过滤选择器：如：$("tr:first")选择所有tr元素的第⼀个  $("tr:last")选择所有tr元素的最后⼀个
表单选择器：如：$(":input")选择所有的表单输⼊元素 $(":text")选择所有的text的input元素
4、jQuery的美元符号$有什么作⽤？
回答：其实美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码：
$(document).ready(function(){
});
当然你也可以⽤jQuery来代替$，如下代码：
jQuery(document).ready(function(){
});
5、jQuery对象和DOM对象是怎样转换的
jQuery对象是⼀个包含了dom对象的数组可以通过jQuery对象[下标]获取dom对象
将dom对象放⼊$("")中转为jQuery对象
6、jQuery中.get()提交和.post()提交的区别
1、.get()使⽤GET⽅法来进⾏异步提交.get()使⽤GET⽅法来进⾏异步提交.post()使⽤POST⽅法来进⾏异步提交
2、get请求⽅式将参数跟在url后进⾏传递⽤户可见 post请求则是作为http消息的实体内容发送给服务器，⽤户不可见
3、post传输数据⽐get⼤
4、get请求的数据会被浏览器缓存不安全
7、怎么使⽤jQuery中的动画
影藏：hide()
显⽰：show()
淡⼊淡出：fadeIn()==淡⼊(显⽰) fadeOut()==淡出(消失)
滑动：slideUp()==向上滑动  slideDown()==向下滑动
8、jQuery中使⽤过哪些插⼊节点的⽅法，他们的区别是什么
在元素内部添加
append：向每个匹配的元素内部追加内容
<p>我想说：</p>
$("p").append("<b>你好</b>")
<p>我想说：<b>你好</b></p>
appendTo：将所有匹配的元素追加到指定的元素中
<p>我想说：</p>
$("<b>你好</b>").appendTo("p")
<p>我想说：<b>你好</b></p>
prepend：向每个匹配的元素内部前置添加内容
<p>我想说：</p>
$("p").prepend("<b>你好</b>")
<p><b>你好</b>我想说：</p>
prependTo：将所有匹配的元素前置到指定的元素中
<p>我想说：</p>
$("<b>你好</b>").prependTo("p")
<p><b>你好</b>我想说：</p>
在元素外部添加
after：在每个匹配元素之后插⼊内容
<p>我想说：</p>
$("p").after("<b>你好</b>")
<p>我想说：</p><b>你好</b>
insertAfter：将所有配的元素插⼊到指定元素的后⾯
<p>我想说：</p>
$("<b>你好</b>").insertAfter("p")
<p>我想说：</p><b>你好</b>
before：在每个匹配的元素之前插⼊内容
<p>我想说：</p>
$("p").before("<b>你好</b>")
<b>你好</b><p>我想说：</p>
insertBefore：将所有匹配的元素插⼊到指定的元素的前⾯
<p>我想说：</p>
$("<b>你好</b>").insertBefore("p")
<b>你好</b><p>我想说：</p>
9、jQuery中如何来获取和设置属性
可以⽤attr()获取和设置元素属性
removeAttr()⽅法来删除元素属性
10、如何来设置和获取HTML和⽂本的值？
获取HTMl：$("选择器").html()
获取⽂本的值：$("选择器").text()
11、jQuery中有哪些⽅法可以遍历节点？
children()：获取匹配元素的⼦元素集合，不考虑后代元素 $(function(){$("div").children()}) next()获取匹配元素后⾯紧邻的同级元素
prev()获取匹配元素前紧邻的同级元素
siblings()获取匹配元素前后的所有同辈元素
12、radio单选组的第⼆个元素为当前选中的值，该怎么去取
$('input[type=radio]')[1].checked=true
13、什么是JSON，在什么情况下使⽤?
  JSON(JavaScript Object Notation)是⼀种轻量级的数据交换格式.易于⼈阅读和编写，同时也易于机器解析和⽣成.JSON采⽤完全独⽴于语⾔的⽂本格式.   JSON最常见的⽤法之⼀，是从web服务器上读取JSON数据，将JSON数据转换为JavaScript对象，然后在⽹页中使⽤该数据.
14、说出jQuery中常见的⼏种函数以及他们的含义是什么?
  jQuery中常见的函数如下:
  1)get()取得所有匹配的DOM元素集合.
  2)get(index)取得其中⼀个匹配的元素.index表⽰取得第⼏个匹配的元素.
  3)append(content)向每个匹配的元素内部追加内容.
  4)after(content)在每个匹配的元素之后插⼊内容.
  5)html()/html(var)取得或设置匹配元素的html内容.
  6)find(expr)搜索所有与指定表达式匹配的元素.
  7)bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数.
  8)empty()删除匹配的元素集合中所有的⼦节点.
  9)hover(over,out)⼀个模仿悬停事件(⿏标移动到⼀个对象上⾯及移出这个对象)的⽅法.
  10)attr(name)取得第⼀个匹配元素的属性值.
  11)addClass(class)和removeClass(class)为指定的元素添加或移除样式.
  12)css(name)访问第⼀个匹配元素的样式属性.
  13)ajax([options])通过HTTP请求加载远程数据.
  14)get(url,[data],[callback],[type])通过远程HTTP GET请求载⼊信息.
  15)post(url,[data],[callback],[type])通过远程HTTP POST请求载⼊信息.
  16)load(url,[data],[callback])载⼊远程HTML⽂件代码并插⼊⾄DOM中.
15. $(this) 和 this 关键字在 jQuery 中有何不同？（答案如下）
$(this) 返回⼀个 jQuery 对象，你可以对它调⽤多个 jQuery ⽅法，⽐如⽤ text() 获取⽂本，⽤val()
获取值等等。⽽ this 代表当前元素，它是 JavaScript 关键词中的⼀个，表⽰上下⽂中的当前 DOM 元素。你不能对它调⽤jQuery ⽅法，直到它被 $() 函数包裹，例如 $(this)。
16. jQuery 中的⽅法链是什么？使⽤⽅法链有什么好处？
⽅法链是对⼀个⽅法返回的结果调⽤另⼀个⽅法，这使得代码简洁明了，同时由于只对 DOM 进⾏了⼀轮查，性能⽅⾯更加出⾊。
17. 你要是在⼀个 jQuery 事件处理程序⾥返回了 false 会怎样？
这通常⽤于阻⽌事件向上冒泡。
18. () 和 jQuery.ajax() ⽅法之间的区别是什么?
ajax() ⽅法更强⼤，更具可配置性, 让你可以指定等待多久，以及如何处理错误。get() ⽅法是⼀个只获取⼀些数据的专门化⽅法。19. jQuery中 detach() 和 remove() ⽅法的区别是什么? (答案)
尽管 detach() 和 remove() ⽅法都被⽤来移除⼀个DOM元素, 两者之间的主要不同在于 detach()
会保持对过去被解除元素的跟踪, 因此它可以被取消解除, ⽽ remove() ⽅法则会保持过去被移除对象的引⽤. 你也还可以看看⽤来向DOM中添加元素的 appendTo() ⽅法.
20. jQuery ⾥的 each() 是什么函数？你是如何使⽤它的？（答案如下）
each() 函数就像是 Java ⾥的⼀个 Iterator，它允许你遍历⼀个元素集合。你可以传⼀个函数给 each() ⽅法，被调⽤的jQuery 对象会在其每个元素上执⾏传⼊的函数。
21.$(this)和 $this的区别
this只是个变量名，加
答：this其实是⼀个Html 元素。是为说明其是个jquery对象。⽽$(this)是个转换，将this表⽰的dom对象转为jquery对象，这样就可以使⽤jquery提供的⽅法操作。jquery在一个元素后追加标签
22.Query中的Delegate()函数有什么作⽤？
delegate()会在以下两个情况下使⽤到：
1、如果你有⼀个⽗元素，需要给其下的⼦元素添加事件，这时你可以使⽤delegate()了，代码如下：
$(“ul”).delegate(“li”, “click”, function(){ $(this).hide(); });
2、当元素在当前页⾯中不可⽤时，可以使⽤delegate()
jquery题1
jquery题2
部分来源⽹络
**
未完，待续…
**

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