如何将jquery动态生成的数据绑定事件 怎么加入jQuery插件
如何将jquery动态生成的数据绑定事件
$("button").live("click",function(){
$("p").slideToggle()
})live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。
语法
$(selector).live(event,data,function)
参数
event 必需。规定附加到元素的一个或多个事件。
由空格分隔多个事件。必须是有效的事件。
data 可选。规定传递到该函数的额外数据。
function 必需。规定当事件发生时运行的函数。
怎么加入jQuery插件
在html中引入jquery插件的方法有以下两种：
1：CDN引入，在head标签中加入下列代码
2：本地引入,这种方法要求本地有jquery.js：
jquery可以到其官网下载，官网地址是www.jquery.com
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时，已经从其他加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。同时推荐使用百度CDN，因为其他的比如谷歌和微软的CDN不可用！
jQuery给动态添加的元素绑定事件问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.2.0.min.js"></script>
<style>
li{
margin-bottom: 5px
}
</style>
</head>
<body>
<p>每次点击都创建一个li标签，动态给创建的li标签添加点击事件。</p>
<button>创建</button>
<ul></ul>
<script>
$(function(){
//创建li事件
$("button").click(function(event) {
var li = $("<li>").text("点击我!")
$("ul").append(li)
})
//为每个新创建的li绑定点击事件
$("body").on(click, li, function(event) {
var txt = "这是第" ($(this).index() 1) "个li标签"
alert(txt)
})
})
</script>
</body>
</html>