首页手记 jQuery给动态生成元素绑定事件

jQuery给动态生成元素绑定事件

标签：

JQuery

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <style>
        .cloumn{width:200px; background:#dedede;}
    </style>
</head>
<body>
     <div id="jobsAll">

     </div>
    <script>
        for (var i=0;i<6;i++){
            var str = '<div class="job">'+
                '<div class="jobTitle">myJob'+i+'</div>'+
                '<div class="jobMsg">我是中国人我是中国人我是中国人我是中国人我是中国人我是中国人</div>'+
            '</div>'
            if(i%3){
                var oBox='<div class="cloumn">'+str+'</div>';
            }
            $("#jobsAll").append(str);
        }

        $("#jobsAll").on("click",".jobTitle",function(){
            alert($(this).html());
        })
    </script>
</body>
</html>

点击查看更多内容