17个基本的jQuery面试问题 *

这可以在jQuery中这样做:

$("#扩张器").动画(
  {
    宽度:“200 px”,
    高度:“200 px”,
  },
  3000 );

方法链接是jQuery的一个特性，它允许在单个代码语句中按顺序对jQuery选择执行多个方法. For example, the following snippets of code are equivalent:

没有链接:

$("button#play-movie").on(“点击”，播放电影);
$("button#play-movie").Css ("background-color"， "orange");
$("button#play-movie").显示();

链接:

$("button#play-movie").开启(“点击”，播放影片)
                        .Css ("background-color"， "orange")
                        .显示();

注意到链接, the button 只有 needs to be selected one time, 如果没有链条, jQuery必须在应用每个方法之前搜索整个DOM并找到按钮. 因此, 除了产生更简洁的代码, jQuery中的方法链提供了潜在的强大性能优势.

注意: 准确地说，应该注意的是，jQuery中的方法链接不是 只有 way to avoid repetitively searching the entire DOM. One could also set a variable equal to the initial DOM search results (i.e., in the above example, one could set a variable equal to $("按钮#演电影” 然后调用 on(), css (), 显示() 该变量的方法). 但也就是说, 链接仍然是更简洁和高效的选择，并且不需要将结果缓存到局部变量中.

This code uses 方法 chaining to accomplish a couple of things. 首先，它选择所有的

jQuery.ajax () is the 所有-encompassing Ajax request 方法 provided by jQuery. It 所有ows for the creation of highly-customized Ajax requests, 与 options for how long to wait for a response, 如何处理失败, 请求是阻塞(同步)还是非阻塞(异步), 请求什么格式的响应, 还有更多的选择.

jQuery.get () 是使用快捷方法吗 jQuery.ajax () 创建一个Ajax请求，该请求通常用于简单的信息检索. Other pre-built Ajax requests are provided by jQuery, such as jQuery.post (), jQuery.getScript (), jQuery.getJSON ().

第一行代码是没有jQuery的纯JavaScript，效率更高，速度更快. 执行第二行代码(即jQuery)将触发对JavaScript版本的调用.

jQuery构建在JavaScript之上，并使用底层的方法使DOM操作更容易, 以一些性能开销为代价. 最好记住，jQuery并不总是比普通的JavaScript更好. 始终考虑使用jQuery是否真的为您的项目提供了有用的优势.

事件.stopPropagation () stops an 事件 from bubbling up the 事件 chain, whereas 事件.pr事件Default () 只有 precludes the browser’s default action on that 事件 from occurring, but the 事件 still propogates up the 事件 chain.

For example, consider the following code snippet:

// in this example, 'foo' is a div containing button 'bar'

$ (" # foo ").点击(函数(){
   //鼠标点击div 'foo'
});

$ (" # ").点击(函数(e) {
   //鼠标点击按钮'bar'
   e.stopPropagation ();
});

由于c所有 to stopPropagation () 在按钮的click处理程序中, the 事件 never propogates to the div so its click h和ler never fires. 它有效地阻止父元素了解其子元素上的事件.

In contrast, if you replaced the above c所有 to stopPropagation () 呼唤着 pr事件Default ()，只有浏览器的默认操作会被排除，但是div的click处理程序仍然会被触发.

(注:虽然 stopPropagation () 和 pr事件Default () 方法s are mostly used 在jQuery 事件 h和ling implementations, 它们也适用于纯JavaScript.)

(a)从jQuery事件处理程序返回假实际上与调用相同 这两个 pr事件Default () 和 stopPropagation () 在传递的jQuery事件对象上.

(b)从锚标记的常规JavaScript onclick事件处理程序返回假会阻止浏览器导航到链接地址 和 stops the 事件 from propagating through the DOM.

(c)从非锚标记的常规JavaScript onclick事件处理程序返回假.g.， div，按钮等.)完全没有效果.

1. 什么是“深度复制”??

的 .克隆() 方法 performs a deep copy of the set of matched elements, 这意味着它复制匹配的元素 as well as their descendant elements 和 text nodes.

2. 正常情况下是什么 不 包含在克隆副本中? How can some of this behavior be controlled?

正常情况下:

• 元素数据中的对象和数组不会被复制，并将继续在克隆元素和原始元素之间共享. To deep copy 所有 data, you must copy each one “manu所有y”.
• 绑定到原始元素的任何事件处理程序都不会复制到克隆元素.

设置可选的 与DataAndEvents 参数 真正的 生成所有事件处理程序的副本，并将其绑定到元素的新副本.

从jQuery 1开始.4、所有元素数据(附) .数据() 方法)也被复制到新的副本.

从jQuery 1开始.5, 与DataAndEvents 可以选择性地增强 deepWithDataAndEvents to copy the 事件s 和 data for 所有 children of the cloned element.

3. What is a potential “gotcha” when using the 克隆() 方法? (HINT: What is an element attribute that you would gener所有y 不 想要克隆吗?)

使用 .克隆() 产生重复元素是否有潜在的副作用 id 属性，它们应该是唯一的. 因此，克隆带有。的元素时 id attribute, it’s important to remember to modify the id of the clone, before inserting it into the DOM.

jQuery中返回的Promise被链接到 延迟的对象 存储在 .数据() 对于一个元素. 自 .remove () 方法 removes the element’s data as well as the element itself, it 将 pr事件 any of the element’s unresolved Promises from resolving.

因此，如果需要在解析Promise之前从DOM中删除一个元素，使用 .分离() 取而代之的是 .removeData () 决议后.

的 .分离() 和 .remove () 方法是一样的，除了 .分离() retains 所有 jQuery data associated 与 the removed elements 和 .remove () 不. .分离() 因此，当删除的元素可能需要在以后的时间重新插入到DOM中是有用的.

的 文档.准备好() 事件 occurs when 所有 HTML 文档s have been loaded, but 窗口.onload () occurs when 所有 content (including images) has been loaded. 所以一般来说 文档.准备好() 事件首先触发.

这两个 支持() 和 attr () 用于获取或设置元素属性的指定属性的值，但是 attr () returns the default value of a property whereas 支持() 返回当前值。.