未来元素(html中的未来元素)
HTML中的未来元素指的就是那些页面上不存在的，经过我们动态添加的一些元素，以我们为元素绑定事件为例子
//绑定事件
<html>
<body>
<div class="s1"></div>
</body>
</html>
<script>
//用juqery的写法了
$(function(){
var str=`<span class="s2">测试文字</span>`;
$("s1").append(str);
//为s2添加点击事件
$(".s2").click(()=>{
console.log(1); //1 这种写法是可以监听到s2的点击事件的，但是如果换了位置就不行了
});
//为s2添加点击事件
$(".s2").click(()=>{
console.log(1); // 监听不到，因为当我们为他绑定点击事件时这个元素还不存在
});
var str=`<span class="s2">测试文字</span>`;
$("s1").append(str);
//正确写法
//为s2添加点击事件
$("s1").on("click",".s2",()=>{
console.log(1); //这样才能触发
})
var str=`<span class="s2">测试文字</span>`;
$("s1").append(str);
});
</script>讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/25446.html