我是靠谱客的博主 矮小皮卡丘,这篇文章主要介绍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中的选择器吗,有哪些选择器

复制代码
1
2
3
4
5
6
7
大致分为:基本选择器,层次选择器,表单选择器 基本选择器:id选择器,标签选择器,类选择器等 层次选择器:如:$("form input") 选择所有的form元素中的input元素 $("#main > *")选择id为main的所有子元素 过滤选择器:如:$("tr:first")选择所有tr元素的第一个 $("tr:last")选择所有tr元素的最后一个 表单选择器:如:$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素

4、jQuery的美元符号$有什么作用?

复制代码
1
2
3
4
5
6
7
8
9
回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码: $(document).ready(function(){ }); 当然你也可以用jQuery来代替$,如下代码: jQuery(document).ready(function(){ });

5、jQuery对象和DOM对象是怎样转换的

复制代码
1
2
3
jQuery对象是一个包含了dom对象的数组 可以通过jQuery对象[下标]获取dom对象 将dom对象放入$("")中转为jQuery对象

6、jQuery中.get()提交和.post()提交的区别

复制代码
1
2
3
4
5
6
1、.get()使用GET方法来进行异步提交.get()使用GET方法来进行异步提交.post()使用POST方法来进行异步提交 2、get请求方式将参数跟在url后进行传递用户可见 post请求则是作为http消息的实体内容发送给服务器,用户不可见 3、post传输数据比get大 4、get请求的数据会被浏览器缓存 不安全

7、怎么使用jQuery中的动画

复制代码
1
2
3
4
5
影藏:hide() 显示:show() 淡入淡出:fadeIn()==淡入(显示) fadeOut()==淡出(消失) 滑动:slideUp()==向上滑动 slideDown()==向下滑动

8、jQuery中使用过哪些插入节点的方法,他们的区别是什么

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
在元素内部添加 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中如何来获取和设置属性

复制代码
1
2
3
可以用attr()获取和设置元素属性 removeAttr()方法来删除元素属性

10、如何来设置和获取HTML和文本的值?

复制代码
1
2
3
获取HTMl:$("选择器").html() 获取文本的值:$("选择器").text()

11、jQuery中有哪些方法可以遍历节点?

复制代码
1
2
3
4
5
6
children():获取匹配元素的子元素集合,不考虑后代元素 $(function(){$("div").children()}) next()获取匹配元素后面紧邻的同级元素 prev()获取匹配元素前紧邻的同级元素 siblings()获取匹配元素前后的所有同辈元素

12、radio单选组的第二个元素为当前选中的值,该怎么去取

复制代码
1
2
$('input[type=radio]')[1].checked=true

13、什么是JSON,在什么情况下使用?

复制代码
1
2
3
4
  JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON采用完全独立于语言的文本格式.   JSON最常见的用法之一,是从web服务器上读取JSON数据,将JSON数据转换为JavaScript对象,然后在网页中使用该数据.

14、说出jQuery中常见的几种函数以及他们的含义是什么?

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  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 只 是 个 变 量 名 , 加 this 只是个变量名,加 this是为说明其是个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连接

部分来源网络

**

未完,待续…

**

最后

以上就是矮小皮卡丘最近收集整理的关于jQuery面试笔试题汇总整理未完,待续…的全部内容,更多相关jQuery面试笔试题汇总整理未完内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(95)

评论列表共有 0 条评论

立即
投稿
返回
顶部