怎么给jquery添加的元素添加事件

有2种方法：

最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，

第二种方式是通过给类名绑定一个事件。

<p id="pLabel">新加一条</p>

<ul id="ulLabel">

 <li class="liLabel">aaa1</li>

 <li class="liLabel">aaa2</li>

 <li class="liLabel">aaa3</li>

</ul>

<script type="text/javascript">

$("#pLabel").click(function(){

 $("#ulLabel").append('<li class="liLabel">aaaQ</li>') //动态像ul的末尾追加一个新元素

})

</script>

方法一：使用live

live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。

$('.liLabel').live('click', function(){

 alert('OK')

})

方法二：使用on

可以通过on方法绑定事件，可以绑定到它的父级或者body中，实现如下：

$("#ulLabel").on('click','.liLabel',function(){

 alert('OK')

})

或者：

$("body").on('click','.liLabel',function(){

 alert('OK')

})

注意绑定的事件，需要绑定在父元素。

要看看你是怎么“动态添加”元素的。<br>如果你的元素是用click事件append进来的<br>那你的功能函数必须放在这个click事件里面。<br>比如：<br>$(".clickmetoappendelement").click(function() {<br> $(".tobeappend").append("<li><span><i class=\"icon j_classtree\">这是元素内容</i>")<br><br> $(".j_classtree").on("click",function(){<br> alert("终于进来了")<br> })<br>)<br><br>如果你把函数放在click事件外面，<br>最初加载页面的时候，$(".j_classtree")就找不到.j_classtree这个类，那段功能函数就添加不了了。

首先使用jQuery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click方法，也可以通过bind方法绑定。这里详细介绍一下bind方法。

1.bind定义和用法：

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

2.将事件和函数绑定到元素：

规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。

3.语法：$(selector).bind(event,data,function)

实例：

---