javascript - 使用 jQuery 的 Html5 postMessage，但不是 jQuery-postMessage 脚本

Question

所以我在 Html5 Demos 上摆弄 Html5 PostMessage 示例我创建了一个示例 jsfiddle看看我是否理解它是如何协同工作的。

该演示使用了 document.getElementById(...)，我认为可以将其替换为 jQuery 选择器 $("#...")，但我陷入了困境，因为从 jQuery select 返回的对象无法访问 contentWindow 而 document.getElementById(...) 可以。

document.getElementById("frame1").contentWindow.postMessage("Hello from another domain", "http://dl.dropbox.com"); // works

$("#frame1").contentWindow.postMessage("Hello from another domain", "http://dl.dropbox.com"); // no dice

我并不完全精通 jQuery，无法知道从选择器调用结果对象的众多方法中有哪些可以返回我从 document.getElementById(...)< 中看到的结果.

Answer 1

$("#frame1")    // This a jQuery object that encapsulate the DOM element.
$("#frame1")[0] // this is the DOM element.
//Or
$("#frame1").get(0) // this is the DOM element.

完整代码:

$("#frame1")[0].contentWindow.postMessage("Hello from another domain", "http://dl.dropbox.com"); // DICE!

Updated Fiddle

但我发现使用 jQuery 按 id 选择然后从中提取 DOM 元素，而且根本不使用 jQuery 很尴尬。 document.getElementById 有什么问题？那 15 个额外的字符？