unsicher über .on () Methode

Ich habe das benutzt$.click() Methode zum Auslösen einiger Ereignisse. Aber dann musste ich einige Ereignisse für einige HTML-Elemente festlegen, bevor die Elemente deklariert wurden. Nehmen wir das als Beispiel:

<script>
    $('div.hide').click(function() {
        $('div.hide').css({'display' : 'none'});
     });
</script>
<div class="hide">some text</div>

Der Nachteil ist, dass beim Einstellen der.click() Methode, diediv.hide Elemente existieren nicht, daher ist kein Trigger gesetzt.

Also wandte ich mich an die.on() Methode, wie so:

<script>
    $('div.hide').on('click', function() {
        $('div.hide').css({'display' : 'none'});
    });
</script>
<div class="hide">some text</div>

Das funktioniert aber auch nicht. Ich dachte anrufen.on() würde alles existent und zukunft machendiv.hide Elemente lösen die'click' function().

Ich habe es geschafft, diese Unannehmlichkeit zu überwinden, aber nach meinem eigenen Wissen würde ich gerne wissen, was ich falsch gemacht habe. Gibt es keine Möglichkeit, zukünftigen HTML-Elementen einen Auslöser zuzuweisen?

Meine Lösung war:

<script>
    $(document).ready( function() {
        $('div.hide').click(function() {
            $('div.hide').css({'display' : 'none'});
        });
    });
</script>
<div class="hide">some text</div>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage