jQuery链式编程概念及原理

最新推荐文章于 2022-12-08 22:12:05 发布

原创最新推荐文章于 2022-12-08 22:12:05 发布 · 715 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #jquery

JQ入门专栏收录该内容

5 篇文章

订阅专栏

本文解析链式编程概念，通过实例展示如何在jQuery中连续调用方法，并揭示其实质——返回调用者本身。

一、概念

链式编程的概念: 当前对象调用完方法之后,会返回一个jQ对象,我们可以使用这个对象继续调用其他的方法

//可以直接.下去
$('css选择器').parents().find().val()

二、原理

    // 原理: 返回调用者本身
    let $ = {
      css:function(){
        console.log('css方法被执行了');
        return this
      },
      on:function(){
        console.log('on方法被执行了');
        return this
      },
      siblings:function(){
        console.log('siblings方法被执行了');
        return this
      }
    }
    $.css().on().siblings()