美文网首页
JQuery-链式编程(评论打分栗子)

JQuery-链式编程(评论打分栗子)

作者: 哎呦呦胖子斌 | 来源:发表于2018-11-26 10:37 被阅读0次

获取到某个元素后,在后面.方法.方法.方法…
        在jQuery中,如果有一个对象调用了一个方法,而且这个方法是设置某个属性的方式调用的,一般调用后返回的都是当前调用该方法的对象,具体的是不是这个对象,最好的方式就是验证一下。
        断链:对象调用方法后返回来的不是以前的对象了,那么此时就叫做断链,也就不能再使用链式编程了,如何解决?在断链的位置直接使用end()方法,内部会帮助我们自动的修复断链,找到最开始调用的那个对象。

链式编程的原理:
        对象.方法();如果返回来的还是对象,那么可以继续的调用方法。
一个栗子:评价打分

    <ul id="start">
        <li>☆</li>
        <li>☆</li>
        <li>☆</li>
        <li>☆</li>
        <li>☆</li>
    </ul>
        $('#start>li').mouseenter(function(){
            $(this).text('★').prevAll('li').text('★').end().nextAll('li').text('☆');
        }).click(function(){
            $(this).attr('index',10).siblings('li').removeAttr('index');
        }).mouseleave(function(){
            $('#start>li').text('☆');
            $('#start>li[index=10]').text('★').prevAll('li').text('★');
        })

相关文章

  • JQuery-链式编程(评论打分栗子)

    获取到某个元素后,在后面.方法.方法.方法…在jQuery中,如果有一个对象调用了一个方法,而且这个方法是设置某个...

  • jquery设计思想书目录

    jQuery-选择网页元素 jQuery-改变结果集 jQuery-链式操作 jQuery-元素的操作:取值和赋值...

  • jQuery 链式编程

    jQuery 链式编程 链式编程原理 链式编程代码示例 隐式迭代

  • 链式编程思想

    链式编程思想 链式编程思想

  • iOS 链式编程

    链式编程 主要介绍链式编程原理,以及如何创建链式编程 编程范式 在介绍链式编程之前,首先来了解下什么是编程范式。 ...

  • ReactiveObjC入门

    ReactiveObjC基础用法 iOS开发三种编程方式(响应式编程、函数编程、链式编程),函数编程最常用,链式编...

  • 工作iOS技术总结

    链式编程、函数式、面向接口编程思想 iOS 之ReactiveCocoa 链式编程2 WKWebView的缓存处理...

  • 一、链式编程思想、响应式编程思想和函数式编程

    1. 链式编程思想 链式编程思想的核心就是方法的返回值必须是Block,Masonry是链式编程思想应用的代表。 ...

  • 链式编程和函数式编程的简单理解

    链式编程 此前看到SnipKit中运用了很多链式编程的代码,感觉非常好用:例如: //此段就是链式编程的典型代码m...

  • 编程思想-链式编程

    编程思想-链式编程 链式编程(链式调用)的主要表现是支持点语法结构的代码,代表库可以参照 Masonry 或 Sn...

网友评论

      本文标题:JQuery-链式编程(评论打分栗子)

      本文链接:https://www.haomeiwen.com/subject/rxivqqtx.html