javascript - イベントを選択して動的要素に適用する

Question

たとえば、jqueryを使用してCSSを適用したい$('#btn').('color','red');

しかし問題は、次の新しい追加要素 #btn では機能しないことです。私の既存の要素に対してのみ機能します。

私が使う

$('#btn').on(function(){
   $(this).css('color','red');
});

しかし運がない

Answer 1

DOM4 Mutation Observers ( W3C Working Draft )を調べることをお勧めします。DOM が変更された場合に通知を受け取るために使用できるため、たとえば、新しく挿入されたノードで作業できます。Mutation Summary ライブラリもチェックしてください。ただし、まだすべてのブラウザがこの機能をサポートしているわけではありません。

これがあなたのユースケースにとってやり過ぎだと思われる場合は、何かを挿入する前に CSS を設定するか、挿入後にカスタムイベントを発生させてみてください (例: を使用.trigger())。