Jquery 在DOM中出现元素后运行函数

在将类加载到DOM中之后，如何从元素中删除该类

以下情况：

<div class="selected highlight">
<div class="group">Material</div>
<div class="option">350g Chromo-Sulfatkarton matt</div>
</div>

如果在DOM中出现一个classname

为selected

的元素，我想从中删除类

高亮显示

示例：

<div class="selected highlight">
<div class="group">Material</div>
<div class="option">350g Chromo-Sulfatkarton matt</div>
</div>


材料
350克氯磺酸盐哑光
根据您是否在页面中加载元素，在这种情况下，您将侦听
DOM就绪事件
或其他一些事件，当发生适当的事件时，应触发以下代码：

$('.selected.highlight').removeClass('highlight');

如果侦听DOM就绪事件，则代码为：

$(function() {
    $('.selected.highlight').removeClass('highlight');
});

我认为您可以使用jquery的DOMNodeInserted insert事件，如下所示

$('body').on('DOMNodeInserted', function(e) {
  if ($(e.target).hasClass('selected')) {
    $(e.target).removeClass('highlight')
  }
});

每个答案都使用jQuery。在我看来，CSS在这里更相关

我使用CSS
关键帧
和
动画
制作了这个片段


函数创建（）{
var元素=$（“
”+Math.random（）+“
”）；
$（“#容器”）。前缀（元素）；
}
。已选定{
-webkit动画：突出1s无限；
-moz动画：突出显示1s；
-o动画：突出显示1s；
动画：突出显示1s；
}
/*铬、狩猎、歌剧*/
@-webkit关键帧高亮显示{
从{
背景色：红色；
}
到{
背景色：无；
}
}
/*标准语法*/
@关键帧高亮显示{
从{
背景色：红色；
}
到{
背景色：无；
}
}

创建一个元素
$（函数（）{$（“div.selected”）.removeClass（“highlight”）}）？如何添加元素？希望它在短时间内高亮显示，对吗？只是为了表明它是一个新元素？虽然该代码可能会回答这个问题，但提供关于它为什么和/或如何回答这个问题的额外上下文将显著提高其长期价值。请在您的回答中添加一些解释。