Html5 postMessage使用jQuery，但不是jQuery-postMessage腳本

Question

所以我在Html5 PostMessage示例Html5 Demos和我創建了一個示例jsfiddle，看看我是否理解它是如何協同工作的。

該演示利用了document.getElementById(...)，我認爲可以用jQuery選擇$("#...")更換，但我被困在因爲從jQuery返回的對象選擇不必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個額外的字符？