jQuery1.9+中删除了live以后的替代方法

在版本的 jQuery 中，live 方法已经被淘汰，取而代之的是更为强大且灵活的 on 方法。这一改变是在 jQuery 1.7 版本中开始逐渐引入，最终在 1.9 版本正式替代了 live 方法。对于我们这些热爱 jQuery 的开发者来说，了解并熟悉 on 方法的用法是至关重要的。

on 方法拥有直观且易于理解的三参数结构：事件名、触发选择器和事件函数。这一结构使得绑定事件变得简单而高效。例如，如果你想在某个特定元素上绑定点击事件，你可以这样写：

```javascript

$('parent').on('click', '.son', function(){alert('test')});

```

在这个例子中，当 id 为 parent 的 div 内部 class 为 son 的 span 被点击时，就会触发这个函数。这种机制的实现依赖于事件冒泡原理，使得 on 方法能够模拟 live 方法的某些功能。

让我们来看一个实际应用例子。在低版本的 IE 浏览器中，当你点击一个链接（A 标签）时，会出现一个不友好的虚线边框。这是由于 focus 事件引起的。为了解决这个问题，我们可以在全局事件中做处理。在旧的 jQuery 版本中，我们可以使用 live 方法：

```javascript

$("a").live("focus", function(){this.blur();});

```

但在 jQuery 1.9 之后，由于 live 方法被移除，我们需要使用 on 方法来替代：

```javascript

$(document).on("focus", "a", function(){this.blur();});

```

需要注意的是，当我们从 live 转向 on 时，也需要调整调用链。因为 live 方法返回的是事件触发的对象，而 on 方法是在容器对象上进行的操作。例如：在 jQuery 1.9 之前：

```javascript

$("panel").find("div").live("click", function(){alert("x");}).addClass("x");

```javascript`而在 jQuery 1.9 之后则需要改为：`javascript`$("panel").on("click","div", function(){alert("x");}).find("div").addClass("x");````在转换过程中，尤其要注意选择器部分的使用。理解并熟练运用 on 方法将大大提高我们开发效率和代码质量。随着 jQuery 的不断进化，我们也应与时俱进，掌握的技术动态和最佳实践。这样我们才能更好地利用 jQuery 构建出更强大、更灵活的应用程序。