前端jQuery面试题有哪些

2023-06-27 09:06:25 217人浏览安东尼

摘要

这篇文章主要介绍了前端Jquery面试题有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。1、jquery的优点jQuery 是轻量级的框架，大小不到 30kb；它有强大的

这篇文章主要介绍了前端 Jquery面试题有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

基本选择器：直接根据 id、CSS 类名、元素名返回匹配的 DOM 元素。
层次选择器：也叫做路径选择器，可以根据路径层次来选择相应的 DOM 元素。parent > child，prev + next ，prev ~ siblings
表单选择器： :input ，:text ，:passWord ，:radio ，:checkbox ，:submit 等；
过滤选择器：在前面的基础上过滤相关条件，得到匹配的 DOM 元素。基本过滤器选择器：:first，:last ，:not ，:even ，:odd ，:eq ，:gt ，:lt内容过滤器选择器： :contains ，:empty ，:has ，:parent可见性过滤器选择器：:hidden ，:visible属性过滤器选择器：[attribute] ，[attribute=value] ，[attribute!=value] ，[attribute^=value] ，[attribute$=value] ，[attribute*=value]子元素过滤器选择器：:nth-child ，:first-child ，:last-child ，:only-child表单过滤器选择器：:enabled ，:disabled ，:checked ，:selected

$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。
this 代表当前元素，它是 javascript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。

window.onload 方法是是页面所有元素都加载完毕，包括图片等所有元素。只能执行一次。
$(document).ready() 方法是DOM结构绘制完毕后就执行，不必等到加载完毕。意思就是 DOM 树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个 .ready。
所以$(document).ready的执行时间要早于 window.onload

hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
```
//当鼠标放在表格的某行上时将class置为over，离开时置为out。$("tr").hover(function(){        $(this).addClass("over");},              function(){        $(this).addClass("out"); });
```
toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
```
//每次点击时轮换添加和删除名为selected的class。$("p").toggle(function(){       $(this).addClass("selected");   },function(){       $(this).removeClass("selected"); });
```

感谢你能够认真阅读完这篇文章，希望小编分享的“前端jQuery面试题有哪些”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!

--结束END--

本文标题: 前端jQuery面试题有哪些

本文链接: https://lsjlt.com/news/309402.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341