最常见的20个jQuery面试问题及答案腾讯云开发者社区

()函数是jQuery()函数的别称,乍一看这很怪异,还使jQuery代码晦涩难懂。一旦你适应了,你会爱上它的简洁。()函数用于将任何对象包裹成jQuery对象,接着你就被允许调用定义在jQuery对象上的多个不同方法。你甚至可以将一个选择器字符串传入

如果你用过CSS,你也许就知道ID选择器和class选择器之间的差异,jQuery也同样如此。ID选择器使用ID来选择元素,比如#element1,而class选择器使用CSSclass来选择元素。当你只需要选择一个元素时,使用ID选择器,而如果你想要选择一组具有相同CSSclass的元素,就要用class选择器。在面试过程中,你有很大几率会被要求使用ID选择器和class选择器来写代码。下面的jQuery代码使用了ID选择器和class选择器:

这是一个事件处理问题。jQuery为按钮点击之类的事件提供了很好的支持。你可以通过以下代码去隐藏一个通过ID或class定位到的图片。你需要知道如何为按钮设置事件并执行hide()方法,代码如下所示:

这个问题很重要,并且常常被问到。ready()函数用于在文档进入ready状态时执行代码。当DOM完全加载(例如HTML被完全解析DOM树构建完成时),jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器,jQuery帮你解决了跨浏览器的难题。需要进一步了解的用户可以点击answer链接查看详细讨论。

另一方面,jQueryready()函数只需对DOM树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快。使用jQuery$(document).ready()的另一个优势是你可以在网页里多次使用它,浏览器会按它们在HTML页面里出现的顺序执行它们,相反对于onload技术而言,只能在单一函数里使用。鉴于这个好处,用jQueryready()函数比用JavaScriptwindow.onload事件要更好些。

这是面试里比较棘手的jQuery问题之一。这是个基础的问题,但是别期望每个jQuery初学者都知道它。你能用下面的jQuery选择器获取所有具备multiple=true的