在jquery中监听元素变化的方法:1.新建html项目,引入jquery;2.创建div标签,设置id属性;3.使用change事件监听元素变化;
具体步骤如下:
首先,在新建一个html项目,在项目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
引入jquery后,在项目中创建一个div标签,并设置id属性,用于测试;
<div id="text"></div>
最后,div标签创建好后,使用change事件即可监听div标签的内容变化;
function changes(){
alert("changes");
}
$("#btn").click(function() {
$("#text").append("aaa").change();
});
$("#text").bind("change", changes);
相关扩展:
1)使用DOMNodeInserted方法监听span标签的元素值变化
$("#text").bind("DOMNodeInserted",function(e){
$("#text").html("");
})