jQuery面试笔试题汇总整理未完，待续…

72 阅读 0 评论 48 点赞

我是靠谱客的博主矮小皮卡丘，最近开发中收集的这篇文章主要介绍jQuery面试笔试题汇总整理未完，待续…，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、你为什么要使用jQuery？你觉得jquery有哪些好处？

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

2、(document).ready()(functiion({}))方法和window.onload有什么区别？

两个方法的功能相似，但在实行时机方面是有区别的
1、window.onload方法是在网页中所有的元素完全加载到浏览器后才执行
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.get() 和 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其实是一个Html 元素。 $t h i s 只是个变量名，加$ 是为说明其是个jquery对象。而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。

22.Query中的Delegate()函数有什么作用？

delegate()会在以下两个情况下使用到：
1、如果你有一个父元素，需要给其下的子元素添加事件，这时你可以使用delegate()了，代码如下：
$(“ul”).delegate(“li”, “click”, function(){ $(this).hide(); });
2、当元素在当前页面中不可用时，可以使用delegate()

jquery题1连接
jquery题2连接