今天小编要跟大家分享的文章是关于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.*',type:'POST',data:data,cache:true,headers:{},beforeSend：function(){},success:function(){},error:function(){},complete:function(){}});ja

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

不断推动协同育人、不断推动产学融合、不断实现人才培养，从适应产业向引领产业转变、从学科导向向以产业需求导向转变，从学科分科向交叉融合转变，推出了贴近企业需求的热门IT学科课程体系，采用全程面授高品质、高体验培养模式，教学大纲紧跟企业需求，以开放的教学模式，千锋教育积极探索与大厂之间的合作，引入围绕新基建的项目和先进技术合作，与课程内容相融合，确保学员所学知识的前瞻性，提高实战技能，使人才培养与企业需求在结构、质量、水平上相适应。千锋以就业需求为导向，升级了基础课、专业课、项目课、企业课、就业课及职后课六位一体的六维全息课程体系，覆盖了学员从试听到实习、就业、职后成长的全学习周期，最大程度赋能广大学员，在以人为本的教育理念下，千锋自成立以来就坚持着高品质全程面授，严管大爱，全方位督促、跟踪每一位学员的学习进度，确保每一位学员高质量完成学业，顺利就业。