jquery面试题

jQuery 库中的$()是什么？

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

$(document).ready() 是个什么函数？为什么要用它？

ready()函数用于在文档进入ready状态时执行代码。当DOM 完全加载（例如HTML被完全解析DOM树构建完成时），jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题。

JavaScript window.onload 事件和 jQuery ready 函数有何不同？

   1.执行时间 
    window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
    $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 
2.编写个数不同 
     window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 
     $(document).ready()可以同时编写多个，并且都可以得到执行 
3.简化写法 
     window.onload没有简化写法 
     $(document).ready(function(){})可以简写成$(function(){});

如何找到所有 HTML select 标签的选中项？

用下面的 jQuery 选择器获取所有具备 multiple=true 的<select >标签的选中项：
$('[name=NameOfSelectedTag] :selected')

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

jQuery 里的each()是什么函数？你是如何使用它的？

each()函数就像是 Java 里的一个 Iterator，它允许你遍历一个元素集合。你可以传一个函数给each()方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题，举个例子，如何在 alert 框里显示所有选中项。我们可以用上面的选择器代码找出所有选中项，然后我们在 alert 框中用each()方法来一个个打印它们，代码如下：

$('[name=NameOfSelectedTag] :selected').each(function(selected) {
    alert($(selected).text());
});

其中text()方法返回选项的文本。
你是如何将一个 HTML 元素添加到 DOM 树中的？
可以用 jQuery 方法appendTo()将一个 HTML 元素添加到 DOM 树中。这是 jQuery 提供的众多操控 DOM 的方法中的一个。你可以通过appendTo()方法在指定的 DOM 元素末尾添加一个现存的元素或者一个新的 HTML 元素。

你能用 jQuery 代码选择所有在段落内部的超链接吗？

这是另一个关于选择器的 jQuery 面试题。就像其他问题那样，只需一行 jQuery 代码就能搞定。你可以使用下面这个 jQuery 代码片段来选择所有嵌套在段落（<p>标签）内部的超链接（<a>标签）……

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

你如何使用jQuery来提取一个HTML 标记的属性 例如链接的href?

attr()方法被用来提取任意一个HTML元素的一个属性的值. 你首先需要利用jQuery选择及选取到所有的链接或者一个特定的链接，然后你可以应用attr()方法来获得他们的href属性的值。下面的代码会找到页面中所有的链接，并返回href值：

$('a').each(function(){
   alert($(this).attr('href'));
});

你如何使用jQuery设置一个属性值?

前面这个问题之后额外的一个后续问题是，attr()方法和jQuery中的其它方法一样，能力不止一样. 如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称，value是属性的新值。

jQuery中detach()和remove()方法的区别是什么?

尽管detach()和remove()方法都被用来移除一个DOM元素, 两者之间的主要不同在于detach()会保持对过去被解除元素的跟踪, 因此它可以被取消解除, 而 remove()方法则会保持过去被移除对象的引用. 你也还可以看看 用来向DOM中添加元素的appendTo()方法。

你如何利用jQuery来向一个元素中添加和移除CSS类?

通过利用addClass()和removeClass()这两个 jQuery 方法。动态的改变元素的class属性可以很简单。例如使用类“.active"来标记它们的未激活和激活状态，等等。

使用 CDN 加载 jQuery 库的主要优势是什么 ? (答案)

这是一个稍微高级点儿的jQuery问题。好吧，除了报错节省服务器带宽以及更快的下载速度这许多的好处之外, 最重要的是，如果浏览器已经从同一个CDN下载类相同的 jQuery 版本, 那么它就不会再去下载它一次. 因此今时今日，许多公共的网站都将jQuery用于用户交互和动画, 如果浏览器已经有了下载好的jQuery库，网站就能有非常好的展示机会。

jQuery.get()和jQuery.ajax()方法之间的区别是什么?

ajax()方法更强大，更具可配置性, 让你可以指定等待多久，以及如何处理错误。get()方法是一个只获取一些数据的专门化方法。

jQuery 中的方法链是什么？使用方法链有什么好处？

方法链是对一个方法返回的结果调用另一个方法，这使得代码简洁明了，同时由于只对 DOM 进行了一轮查找，性能方面更加出色。

你要是在一个 jQuery 事件处理程序里返回了 false 会怎样？

这通常用于阻止事件向上冒泡。

哪种方式更高效：document.getElementbyId("myId") 还是 $("#myId")？

第一种，因为它直接调用了 JavaScript 引擎。