jquery on方法

来源:互联网 发布:瓷砖排版软件下载 编辑:程序博客网 时间:2024/05/18 00:46

jquery on方法可以操作未来的元素   相当于旧版本的live方法  看代码


<html>
<head>
<meta charset='utf-8'>
<title>on</title>
<script src="./jquery.js"></script>
</head>
<style>
#prediv{
min-height:20px;
min-width:20px;
background:#eee;
border:1px solid #ddd;
}
</style>
<body>
<div id="prediv"></div>
<button>add</button>
<script>
$(function(){
$("body").on('click','p',function(){
var pId = $(this).attr('id');
alert(1);
})

$('button').on('click',function(){
var eleStr = '<p id="idp">p元素</p>';
($("#prediv").after($(eleStr)));
})
})
</script>
</body>
</html>

0 0
原创粉丝点击