ページ上で動的生成要素にクラスを追加する

Question

動的にページに追加される要素にクラスを追加しようとしています。私はクリックや他のイベントで多くのソリューションを見てきましたが、私はページの読み込みのためのものを見つけることができません。 elemntがページに追加されるとすぐに（ユーザーがトリガーしたイベントなしで）発射するコードが必要です。

$('body').on('click', '#myDiv', function() { 
    $(this).addClass('myClass'); 
}); 

Answer 1

$(document).ready(function() { 
    // Handler for .ready() called. 
}); 

DOMの準備ができた後に実行する機能：だけではないクリックが、ページのロードのために、次のコードに相当するものは、そこにあります。 jQuery API

Answer 2

$("body").bind("DOMNodeInserted", function() { 
    $(this).find('#myDiv').addClass('my_own_class'); 
my}); 

JavaScriptを経由して動的追加された要素は、私がアクセス全くないソース経由で直接アクセスすることはできませんし、私がターゲットにしようとしている要素を動的にDOMに追加されているので。それを操作する（クラスを追加する）ためには、まず動的ではない親要素を対象にしなければなりませんでした。次に、.bindを使用してその子（動的要素）をターゲットにできます。そこからクラスを追加することができました。私は以下の質問に答えました。