jQuery踩坑集

1.动态绑定坑
使用on进行动态绑定失效。
原因：on需要委托非动态生成的父级才能绑定成功
示例1：

li=$("<li><a href='' class='check'></a><input type='text' placeholder='输入收藏名'><a href='javascript:;' class='close' id='close'>-</a></li>");
            $("ul").prepend(li);

失败绑定id=close

$("#close").on("click",function(){
            console.log(12);
    })

正确做法：

$("ul").on("click","a[id='close']",function(){
        $(this).parent().remove();
    })

示例2：
失败绑定input

$("input").on("focus",function(){
            console.log(12);
    })

正确做法：

$("ul").on("focus","input",function(){
            console.log(12);
    })

持更