jquery升级换代

2020-12-13 01:56

阅读：697

标签：style blog class code java color

其实从去年开始1.9以上新版的jquery已不再支持toggle方法和live方法。

live用on方法替代。

话说这个方法确实挺方便的，那么怎么交替点击呢，html的checked属性我觉得不是很好用，用css中的display：none的字符串比较更是避免不了中间过渡时候状态出错。

其实jquery还有一个伪属性

：visible

用is方法来判断：visible的状态是否为真即可

例如

$("#id").on(‘click‘,function(){
   if($("#id a").is(":visible")){
      $("#id a").css({display:"none"});  
    }else{
       $("#id a").css({display:"block"});  
    }  
});

用on绑定点击事件。

现在流行对象属性的时髦写法

$("#id").on({

    click:function(){
    
    }

    mouseenter:function(){

    }

    mouseleave:function(){

    }
});

on不仅替代了live，还整合了delegate 事件委托

$(function(){
    $(‘body‘).on(‘click‘,‘.id‘,function(e){
         alert("click");
    });
    $("appen one div
").insertAfter("#id_0");
});

事件委托的好处:当页面上某个元素上的事件触发时，在 DOM 继承关系上，这个元素的所有子元素也能接收到这个事件，这时你可以使用一个在父元素上的事件处理器来处理(事件委托来处理)，而不是使用一堆的各个子元素上的事件监听器来处理(绑定就是建立监听器);

jquery升级换代,搜素材,soscw.com

jquery升级换代

标签：style blog class code java color

原文地址：http://www.cnblogs.com/haimingpro/p/3713804.html

上一篇：【高德地图API】从零开始学高德JS API（四）搜索服务

下一篇：1- java语言特性

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jquery升级换代
文章链接：http://soscw.com/essay/24521.html

亲，登录后才可以留言！

jquery升级换代

评论

热门文章

推荐文章

最新文章

置顶文章