成都十佳Web前端培训学校

今天小编要跟大家分享的文章是关于2019Web前端面试题及答案汇总-Jquery篇。相信最近准备参加Web前端面试的小伙伴一定不在少数，为了帮助大家顺利的通过面试成为一名优秀的Web前端工程师，小编为大家准备了前端面试题系列，通过Web知识的整理以及经验的总结，希望能帮到更多的前端面试者。

Jquery相关

1、 jQuery 库中的 $() 是什么?

$() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。

2、如何找到所有 HTML select 标签的选中项?

$('[name=selectname] :selected')

3、$(this) 和 this 关键字在 jQuery 中有何不同?

$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。

而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。

4、jquery怎么移除标签onclick属性?

获得a标签的onclick属性: $("a").attr("onclick")

删除onclick属性：$("a").removeAttr("onclick")

设置onclick属性：$("a").attr("onclick","test();")

5、jquery中addClass、removeClass、toggleClass的使用。

$(selector).addClass(class)：为每个匹配的元素添加指定的类名

$(selector).removeClass(class)：从所有匹配的元素中删除全部或者指定的类，删除class中某个值;

$(selector).toggleClass(class)：如果存在(不存在)就删除(添加)一个类

$(selector).removeAttr(class);删除class这个属性;

6、JQuery有几种选择器?

(1)、基本选择器：#id，class,element,*;

(2)、层次选择器：parent > child，prev + next ，prev ~ siblings

(3)、基本过滤器选择器：:first，:last ，:not ，:even ，:odd ，:eq ，:gt ，:lt

(4)、内容过滤器选择器： :contains ，:empty ，:has ，:parent

(5)、可见性过滤器选择器：:hidden ，:visible

(6)、属性过滤器选择器：[attribute] ，[attribute=value] ，[attribute!=value] ，[attribute^=value] ，[attribute$=value] ，[attribute*=value]

(7)、子元素过滤器选择器：:nth-child ，:first-child ，:last-child ，:only-child

(8)、表单选择器： :input ，:text ，:password ，:radio ，:checkbox ，:submit 等;

(9)、表单过滤器选择器：:enabled ，:disabled ，:checked ，:selected

7、jQuery中的Delegate()函数有什么作用?

delegate()会在以下两个情况下使用到：

1)、如果你有一个父元素，需要给其下的子元素添加事件，这时你可以使用delegate()了，代码如下：

$("ul").delegate("li", "click", function(){ $(this).hide(); });

2)、当元素在当前页面中不可用时，可以使用delegate()

8、$(document).ready()方法和window.onload有什么区别?

(1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

(2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。

9、如何用jQuery禁用浏览器的前进后退按钮?

实现代码如下：

<script type="text/javascript" language="javascript">$(document).ready(function() {window.history.forward(1);//OR window.history.forward(-1);});</script>

10、 jquery中$.get()提交和$.post()提交有区别吗?

相同点：都是异步请求的方式来获取服务端的数据;

异同点：

1、请求方式不同：$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。

2、参数传递方式不同：get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。

3、数据传输大小不同：get方式传输的数据大小不能超过2KB 而POST要大的多

4、安全问题： GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。

11、写出一个简单的$.ajax()的请求方式?

$.ajax({url:'http://www.baidu.com',type:'POST',data:data,cache:true,headers:{},beforeSend：function(){},success:function(){},error:function(){},complete:function(){}});ja

以上就是小编今天为大家分享的关于2019Web前端面试题及答案汇总-a Jquery篇的文章，希望本篇文章中的面试题能够对正准备参加Web前端面试的小伙伴们有所帮助。想要了解更多Web前端方面的知识记得关注Web前端培训官网。最后祝愿小伙伴们面试成功成为一名优秀的Web前端工程师。

自活动开展以来，经过前期严格的筛选和实地访查，已为12名来自贫困地区的学子提供了优质、专业的IT技术培训并全额免去学费，如今已有10位学生顺利毕业，步入到理想的工作岗位，他们将以更加坚定清晰的目标，迎接广阔的人生，初心至善，匠心育人，未来，千锋教育将在“帮助更多迷茫的学生实现他们的梦想”的使命下，不断深耕职业教育产业，以“产学研用”为切入点，为学生提供综合性、实用性、前瞻性的课程体系。千锋教育以夯实基础、强化应用、对接行业、提高素质、注重创新、激励个性、体现特点为基石，注重对学员进行综合素质和技术创新能力的培养，以更优质的教育服务，充分赋能万千莘莘学子成就美好未来，2017年11月28日，千锋教育（以下简称千锋）应邀参加新浪举办的“2017中国教育盛典——教育之变”，并荣获“2017中国口碑影响力职业培训机构”称号。