Javascript jQuery UL追加事件?

Javascript jQuery UL追加事件?,javascript,jquery,events,html-lists,handler,Javascript,Jquery,Events,Html Lists,Handler,我正在寻找一种处理元素中追加/删除事件的好方法,而不是手动触发事件或类似事件 像这样的事情会令人惊讶: $('#id').on("append", function() { ... } 提前谢谢 如评论中所述,您可以使用以下命令触发append函数: (function($) { var origAppend = $.fn.append; $.fn.append = function () { return origAppend.apply(this, arg

我正在寻找一种处理元素中追加/删除事件的好方法,而不是手动触发事件或类似事件

像这样的事情会令人惊讶:

$('#id').on("append", function() { ... }

提前谢谢

如评论中所述,您可以使用以下命令触发
append
函数:

(function($) {
    var origAppend = $.fn.append;

    $.fn.append = function () {
        return origAppend.apply(this, arguments).trigger("append");
    };
})(jQuery);

$("div").bind("append", function() { alert('Hello, world!'); });

$("div").append("<span>");
如果有参数,它将在所选元素上触发。例如,
$('body')。删除('div')将触发
正文上的
删除
事件。但是如果您编写
$('div')。remove()
,它将在
div
的父级上触发

我做了一把小提琴,看一看:


事件侦听器将是
append
remove
。如果您使用任何其他DOM插入函数(
之后,
之前,甚至是
附加到
),它将不会触发。

接受的响应非常有趣,但我一直无法使其在删除事件中工作,是否愿意在这方面帮助我?:)这是一个很棒的回答,几乎解决了我的问题。非常感谢好先生!
var origRemove = $.fn.remove;

$.fn.remove = function () {
    if(arguments.length){
        return origRemove.apply(this, arguments).trigger("remove");
    }else{
        var $parent = this.parent();
        console.log(this)
        origRemove.apply(this, arguments);
        $parent.trigger('remove');
        return this
    }
};