javascript - javascriptで宣言された変数にjQueryメソッドを適用する方法は?

Question

私は宣言する：

var iframe = document.createElement("iframe");

iframejQuery メソッドを適用するために、この var を使用したいと思います。

    $("iframe").on("load", function () {
        // DO SOMETHING
    });

このように動作しません。iframevarを参照するにはどうすればよいですか

iframe更新:宣言方法を変更することはできません。

Answer 1

を使用して選択する前に、要素をドキュメントに配置する必要があります$("iframe")。

$(document).append(iframe);

それにもかかわらず、要素を DOM に配置する前にハンドラーを要素に追加することができます (これは遅かれ早かれ行う必要があります)。セレクター文字列の代わりに、にiframe格納されている実際の DOMElement を渡すだけです。$

$(iframe).on("load", function () {
    // DO SOMETHING
});

Answer 2

document.createElement の代わりに JQuery を使用して要素を作成することをお勧めします。

構文は次のとおりです。

var iframe = $('<iframe>');

次に、最初にラップせずに JQuery 関数にアクセスできます

iframe.on('load', function() {
    // Do Something
});