jQuery-为动态添加的元素绑定事件

在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。

$(selector).bind(event,data,function)
$(selector).click(function)

像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是无效的;

现用以下方法,其他方法不介绍

$(selector).on(event,childSelector,data,function,map)

eg: 

$("#searchMoveVideoResult").on("click","ul li",function(){  
    $(this).css("border","5px solid #000");  
});
“#searchMoveVideoResult“ 父级
“ul li“ 子元素 即具体绑定的元素
“click”事件

转载 :https://blog.csdn.net/xiaozhi_2016/article/details/52184328

猜你喜欢

转载自www.cnblogs.com/jimz/p/9210084.html