Bagaimanakah Saya Boleh Mengesan Perubahan dalam Kandungan Elemen DOM Di Luar Fungsi `change()` jQuery?

Mengesan Perubahan Kandungan Elemen DOM dengan jQuery

Fungsi jQuery change() mengesan perubahan dalam nilai elemen bentuk secara berkesan. Walau bagaimanapun, bagaimana jika anda perlu memantau perubahan dalam kandungan elemen DOM, seperti semasa menggunakan $("#content").html('sesuatu')?

Dilema

Fungsi change() tidak sesuai untuk tujuan ini kerana perubahan kandungan dalam elemen bukan bentuk berasal daripada kod. Oleh itu, bergantung padanya memerlukan anda menyemak kandungan elemen secara manual pada selang waktu tertentu.

Pendekatan Alternatif

1. Kaedah dan Traversal jQuery Rantaian:

Jika melakukan manipulasi DOM mudah, pertimbangkan untuk merantai kaedah jQuery dan merentasi. Contohnya:

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

2. Peristiwa Tersuai dan TriggerHandler:

Untuk tindakan yang lebih kompleks, gunakan fungsi bind jQuery dengan peristiwa tersuai dan triggerHandler.

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

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

Pendekatan ini membolehkan anda menentukan tindakan tersuai yang akan dilaksanakan apabila acara "customAction" dicetuskan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan dalam Kandungan Elemen DOM Di Luar Fungsi `change()` jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!