jQuery面试题的案例分析

  介绍

这篇文章将为大家详细讲解有关jQuery面试题的案例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

JavaScript是客户端脚本的标准语言,而jQuery使得编写JavaScript更加简单。你可以只用写几行的jQuery代码就能实现更多的东西。它是最长被用到的JavaScript库之一,并且现在已经很少有不用jQuery而使用原生JavaScript的新项目了。这对于作为一个Java web开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题。

早些时候,绝大部分都是HTTP、HTML、CSS以及JavaScript,但最近开始,除了JavaScript基础之外,人们也希望知道你是否熟悉jQuery。这16个jQuery的问题是为web开发者准备的,且也能够非常方便你在参加一次电话或者视频一轮的面试之前纠正一些关键的概念。如果你是,jQuery新手,那么它也能够帮助你更加好的理解基础知识,并激励你去发现更多东西。

1。jQuery库中美元的()是什么?(答案如下)

()美元函数是jQuery()函数的别称,乍一看这很怪异,还使jQuery代码晦涩难懂。一旦你适应了,你会爱上它的简洁。()美元函数用于将任何对象包裹成jQuery对象,接着你就被允许调用定义在jQuery对象上的多个不同方法。你甚至可以将一个选择器字符串传入()美元函数,它会返回一个包含所有匹配的DOM元素数组的jQuery对象。这个问题我已经见过好几次被提及,尽管它非常基础,它经常被用来区分一个开发人员是否了解jQuery .

2。网页上有5个& lt; p>元素,如何使用jQuery来选择它们?(答案)

另一个重要的jQuery问题是基于选择器的.jQuery支持不同类型的选择器,例如ID选择器,类选择器,标签选择器。鉴于这个问题没提到ID和类,你可以用标签选择器来选择所有的p元素.jQuery代码:美元(“p"),这样会返回一个包含所有5个p标签的jQuery对象。更详细的解答参见上面链接的文章。

3。jQuery里的ID选择器和类选择器有何不同?(答案)

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

美元(& # 39;# LoginTextBox& # 39;)//返回元素包装为jQuery对象ID=& # 39; LoginTextBox& # 39;   美元(& # 39;.active& # 39;)//返回所有元素和CSS类活动。

正如你所见,从语法角度来说,ID选择器和类选择器的另一个不同之处是,前者用字符“#”而后者用字符”。”。更详细的分析和讨论参见上面的答案链接。

4。如何在点击一个按钮时使用jQuery隐藏一个图片?

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

美元(& # 39;# ButtonToClick& # 39;) .click(函数(){   $ (& # 39;# ImageToHide& # 39;) hide ();   });

5。文档,$()时()是个什么函数?为什么要用它吗?(答案)

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

6。JavaScript窗口。onload事件和jQuery准备函数有何不同?(答案)

这个问答是紧接着上一个的.JavaScript窗口。onload事件和jQuery准备函数之间的主要区别是,前者除了要等待DOM被创建还要等到包括大型图片,音频,视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间,用户就会感受到定义在窗口。onload事件上的代码在执行时有明显的延迟。

另一方面,jQuery准备()函数只需对DOM树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快。使用jQuery美元(文档)时()的另一个优势是你可以在网页里多次使用它,浏览器会按它们在HTML页面里出现的顺序执行它们,相反对于>美元(& # 39;[name=NameOfSelectedTag]:选择# 39;)

这段代码结合使用了属性选择器和:选择选择器,结果只返回被选中的选项。你可按需修改它,比如用id属性而不是名字属性来获取& lt; select>标签。

jQuery面试题的案例分析