$(selector).load('page.html #id') vs $.get 和 filter/find #id

Question

我想知道性能是否有任何差异（或根本不同）

在这之间：

$(selector).load('page #myid');

和

$.get('page',function(data){
     $(selector).html( $(data).find('#myid') );
     /* depending the dom tree it should be .filter() */
})

Answer 1

我会说使用load() 或.get() 更多地与您的意图和要求有关，而不是性能。

加载（）

---

.load() 用于轻松/简单地加载文档或其一部分。
它将加载完整的文档，然后使用innerHTML 解析 HTML 以仅返回您感兴趣的部分。

如果您只需要一种将某些内容加载到 div 中的快速方法，那么$(element).load(url, selector) 是您的最佳选择。我会假设 load() 已为此进行了优化。

获取()

---

与load() 不同，.get() 允许设置dataType 以获得更大的灵活性，例如用于跨域请求的 JSONP。

它还实现了promise 接口，赋予它Deferred Object 的所有功能。

来自文档：

Promise 接口还允许使用 jQuery 的 Ajax 方法，包括 $.get()，链接多个 .done()、.fail() 和 .always() 回调 在单个请求上，甚至在 请求可能已完成。如果请求已经完成，则 回调被立即触发。

总结

---

在非常基本的层面上，简单的.load(url, selector) 和.get(url, callback) 之间应该没有值得的性能差异。使用其中任何一个都可以。

我想，这里没有对错之分。使用任何适合您的需求。

问自己类似的问题：

您需要跨域 (JSONP) 吗？
需要链接.fail()、.done()等吗？
您是否需要 get() 提供的任何 load() 所没有的功能？
...

如果您使用load() 或get() 取决于您的要求。在这种情况下，性能是次要的。