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

获取到某个元素后,在后面.方法.方法.方法…
        在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('★');
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容