一直都知道jQuery 1.7开始就提示live方法将移除,并且可以使用on方法进行替代,动手做了,才发现,怎么着好像不行?!!最后才发现,原来,没用对语法!
jQuery.on() 绑定点击事件可以用两种方式使用:
$(document).on('click', '.list_increase_num', function(){
var num = $(this).prev('input');
if (parseInt(num.val()) < 99) {
num.val(parseInt(num.val()) + 1);
}else{
num.val(99);
};
});
$(document).on('click', '.list_decrease_num', function(){
var num = $(this).next('input');
if (num.val() != 1 ) {
num.val(parseInt(num.val()) - 1);
};
});
两种使用方式效果是不同的,第一种的作用点在p标签上,它会对document内所有list_decrease_num标签绑定click事件,而第二种作用点在body上面,它捕获document内所有list_decrease_num标签的click事件,也就是说,第一种方法是静态绑定的,新增list_decrease_num标签不会得到事件绑定,而第二种,新增list_decrease_num标签只要是document内的,都能被捕获,从而实现类似live的效果。
相关推荐
由于性能和设计上的局限,`live()`在jQuery 1.7后被弃用,可用`on()`替代: ```javascript $('#list li').live('click', function() { //function code here. }); ``` 相应地,使用`on()`实现相同功能的代码...
`.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` 替代)则支持事件代理,使得动态生成的元素也能响应事件。 ### 四、jQuery AJAX jQuery 的 AJAX 功能强大,如 `.ajax()`, `.get()`, `.post()` 等方法使得...
jQuery的on()方法是用于绑定事件处理程序的关键函数,它在jQuery 1.7版本引入,逐渐替代了之前的.bind(), .delegate(), 和 .live()方法。on()方法的强大之处在于它的灵活性和性能优化,它是现代jQuery应用中处理事件...
以下详细介绍了在jQuery 1.9+中使用on()方法替代live()方法的相关知识点。 首先,要理解live()方法的作用。live()方法用于为动态添加的元素绑定事件,这意味着即使元素是在页面加载后才添加到DOM中的,它也能被这个...
例如,使用`.on()`替代`.bind()`, `.delegate()`, 和`.live()`可以减少内存占用并提高性能。另外,避免全局变量的使用,以及合理地组织和合并CSS选择器,都能提升页面运行效率。 在实际应用中,jQuery广泛应用于...
1. **`.delegate()` 和 `.live()` 的替代:** 在1.7版本中,`.on()` 方法被引入,用于统一处理事件绑定,替代了`.delegate()`和`.live()`。`.on()`不仅可以绑定当前存在的元素,还能处理未来可能出现的元素,大大...
4. 移除过时API:为了保持代码的简洁性和可维护性,jQuery 3.0.0移除了部分过时的API,如`.live()`,鼓励开发者使用更安全的替代方法,如`.on()`。 二、`jquery-3.0.0.min.js`的优化 1. 文件大小:`.min.js`是经过...
当遇到"jQuery live()调用不存在"的错误时,我们需要使用`on()`方法来替代。 `on()`函数是jQuery提供的一个更为强大和灵活的事件处理机制,它可以处理现有的和未来的元素。`live()`方法的问题在于,它需要遍历整个...
- 对某些API进行了调整,比如移除了不再推荐使用的`live()`方法,建议使用`on()`替代。 **jQuery 1.8.3_20121215.apk** 可能是针对Android设备的应用程序,方便开发者在移动设备上查阅jQuery文档。 - 对于移动...
on() 方法是 jQuery 1.7 之后推荐的事件绑定方式,它替代了 bind()、live() 和 delegate() 方法。on() 方法同样支持为当前和未来的元素绑定事件,并且可以一次绑定多个事件处理器。实际上,on() 方法是一个更为通用...
5. **API改进**:一些API接口进行了调整和改进,使其更加友好和强大,如`.live()`被废弃,推荐使用`.on()`替代。 在提供的压缩包文件中,有两个JavaScript文件: - **jquery-1.7.1.js** 是未压缩的源码版本,便于...
1.7版本引入了一个重要的特性——jQuery.fn.on(),这是一个全新的事件绑定函数,替代了之前常用的`.bind()`, `.live()`, 和 `.delegate()`。`.on()`方法允许更灵活的事件处理,可以一次性绑定多个事件类型,并且支持...
5. 移除过时API:jQuery 3.0.0移除了部分在现代Web开发中已不再使用的API,如`.live()`,鼓励开发者使用更安全、更灵活的替代方法。 三、DOM操作 jQuery提供了丰富的DOM操作接口,如`.append()`、`.prepend()`用于...
`delegate()`是`live()`的替代,提供了更精确的事件委托控制。 八、性能优化 jQuery 1.4.2对性能进行了优化,减少了内存占用和提升了执行效率。例如,`each()`方法的内部实现改进,以及DOM操作的优化,使代码运行更...
例如,`.delegate()`和`.live()`方法被`.on()`所取代,这不仅简化了API,还提高了事件处理的性能。 在实际开发中,我们可以通过使用`$.fn.extend()`扩展jQuery对象,自定义插件和方法,以满足特定需求。同时,利用$...
1. `live` 方法:在 jQuery 1.7 中被 `on` 方法取代。`live` 允许动态添加到页面的元素也能响应事件。`jQuery Migrate` 插件恢复了 `live` 功能,使得在新版本 jQuery 中仍然可以使用。 2. `bind` 方法:在 jQuery ...
- **API 更新**:引入了一些新方法和改进,如 `.live()` 方法(现已被 `.on()` 替代)用于绑定全局事件,`.delegate()`(现被 `.on()` 替代)用于委托事件处理。 6. **实例与实践**: - 包含的实例可以帮助开发者...
`.on()`方法替代了`.bind()`, `.live()`, 和 `.delegate()`,提供了一种更高效、更灵活的方式来处理事件,尤其是对于动态添加的元素。 1. **事件代理**:`.on()`方法支持事件代理,使得即使元素在事件绑定后被动态...
9. **性能优化**:jQuery提供了`.on()`方法来替代早期的`.bind()`、`.live()`和`.delegate()`,提高了事件处理的性能,并且通过`.data()`方法管理元素关联的数据,避免了对DOM的频繁操作。 10. **版本更新**:...
$.live()的功能可以使用$.on()配合$(document)来实现。 3. **CSS选择器**: jQuery 3.x不再支持一些非标准的选择器,如`:even`、`:odd`、`:header`等。如果代码中使用了这些选择器,需要修改或者引入migrate插件。 ...