jquery1.9中删除的die,browser,live,sub,toggle的替换方法介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery1.9中删除的die,browser,live,sub,toggle的替换方法介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3108字，纯文字阅读大概需要5分钟。

内容图文

jQuery.browser()

官方推荐修改方式是通过条件判断来区分不同的浏览器·

<!--[if lt IE 9]><script src="http://m.cnblogs.com/109793/jquery-1.9.0.js" rel="nofollow"/><![endif]-->
<!--[if gte IE 9]>
<script src="http://m.cnblogs.com/109793/jquery-2.0.0.js" rel="nofollow"/>
<![endif]-->

如果必须要继续使用jQuery.browser()可以添加“jquery-browser”插件，但我没有测试该插件。

对于你自己的项目功能检测的需求， 我们强烈建议使用外部库，比如Modernizr的，而不是依赖于jQuery.support上的属性。（因为 jQuery 内部需要使用support这些方法来进行检测，所以它们会在每次加载页面时被执行，但是当 jQuery 的内部代码不再需要某些属性时，它们就会被移除。）·

.live()

.live()方法在1.9中移除，@ZPS在邮件中已经告知过大家。对于.live()方法的移除，升级比较简单，仅仅是将“.live()”替换为“.on()”。

.die()

相对于“.live()”方法的移除，“.die()”方法也从1.9中移除，取而代之的是“.off()”方法。正如在1.9之前，很多人只关注 过“.live()”方法，却不知道还有个“.die()”方法，或许还会有Coder不知道如何去掉.on()添加的事件，其实就是用“.off()” 进行删除添加的事件。

jQuery.sub()

.sub()方法可以创建一个新的jQuery副本而不影响原有的jQuery对象，我对该方法的理解是：其实.sub()方法就是增加或重写jQuery的方法或创建新plugin，有待讨论。

从上面升级指南上来看，.sub()方法并没有被removed，而是被moved到其他plugin，所以应该是还可以用的，只要引用相应的plugin。

官方给出的使用.sub()的两个特定情况：一是在不改变原有方法的前提下提供一种简单的重写jQuery方法的途径，二是帮助用户解决jQuery plugin封装和基本命名空间。

.toggle(function, function, … )

下面这个jQuery插件能够还原1.8的toggle的功能，如果你需要，可以直接把下面这段代码拷贝到你的jQuery里面，然后跟平时一样使用toggle的功能即可。

//toggle plugin from caibaojian.com
$.fn.toggler = function( fn, fn2 ) {
    var args = arguments,guid = fn.guid || $.guid++,i=0,
    toggler = function( event ) {
      var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
      $._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
      event.preventDefault();
      return args[ lastToggle ].apply( this, arguments ) || false;
    };
    toggler.guid = guid;
    while ( i < args.length ) {
      args[ i++ ].guid = guid;
    }
    return this.click( toggler );
  };

其实toggle这个去掉主要是考虑到会混淆，而且jquery里面已经可以实现了，这个是多余出来的。

我们可以这样子修改

//code from http://caibaojian.com/jquery1-9-tutorial.html
$('#example').click(function(){$("#exampleBox").toggle();})

改为

$('#example').click(function(){
    if($("#exampleBox").is(":visible")){
        $("#exampleBox").hide();
        do stuff
    }else{
        $("#exampleBox").show();
        do stuff
    }
})
$("#example").hover(function(){$("#exampleBox").toggle(); })

改为

$("#example").hover(function(){
$("#exampleBox").show();
},function(){
$("#exampleBox").hide();
});

岂不是更加清晰明了

或者你也可以使用toggleClass来通过添加类来显示与隐藏。

以上就是jquery1.9中删除的die,browser,live,sub,toggle的替换方法介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jquery1.9中删除的die,browser,live,sub,toggle的替换方法介绍全部内容，希望文章能够帮你解决jquery1.9中删除的die,browser,live,sub,toggle的替换方法介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端