本文介绍了一种使用jQuery库实现动态元素事件绑定的方法。通过演示一个简单的HTML页面示例，展示了如何为新添加的列表项绑定点击事件。这种方法适用于在页面运行过程中动态创建的DOM元素。
$(parent,selected).on(events,handle),另一种$(parent).on(events,selected,handle);这种写法对动态添加元素事件有效。如:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>圣诞主题</title>
<style type="text/css">
ul{ background-color:red;}
li{ background-color:yellow;}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<ul>
<li>1111</li>
<li>2222</li>
<li>3333</li>
</ul>
<script type="text/javascript">
$(function(){
$("ul").on("click","li",function(){alert(1);$(this).after("<li>6666</li>")})
})
</script>
</body>
</html>
扫一扫
1252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
