Bagaimanakah Saya Boleh Mengesan Perubahan Kandungan dalam Elemen DOM Menggunakan jQuery?

Pantau Pengubahsuaian Kandungan Elemen dengan jQuery

Fungsi change() mengesan pengubahsuaian untuk membentuk elemen dengan berkesan. Walau bagaimanapun, bolehkah anda menentukan perubahan yang dibuat pada kandungan elemen DOM?

Pertimbangkan senario ini:

<div>

Kod berikut tidak akan mencukupi:

$("#content").change(function() {
    // Do something
});

Ini kod hanya bertindak balas kepada perubahan dalam elemen bentuk. Untuk memantau perubahan kandungan, terokai pendekatan alternatif ini:

Pendekatan 1: jQuery Chaining and Traversing

• Proses perubahan DOM menggunakan keupayaan rantaian dan traversing jQuery.

$("#content").html('something').end().find(whatever)....

Pendekatan 2: Peristiwa Tersuai dengan triggerHandler()

• Buat acara tersuai menggunakan kaedah bind() jQuery dan fungsi triggerHandler().

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   // Custom-action
});

Nota: Walaupun siaran asal memfokuskan pada perubahan kandungan dalam div, metodologi ini juga boleh mengesan pengubahsuaian yang dibuat melalui html() atau append().

Untuk butiran lanjut tentang fungsi triggerHandler(), rujuk dokumentasi jQuery: http://api.jquery.com/triggerHandler/

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan Kandungan dalam Elemen DOM Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!