jqueryのメソッドをネイティブなJSにするとどんなソースか見る方法はないでしょうか？

今jqueryを脱却してネイティブなJSを学んでいるのですが、jqueryのメソッドをネイティブなJSにするとどんなソースか見る方法はないでしょうか？

ライブラリのソースを見ればわかるかと思いhideと調べてみましたが、
下記の通りこれでは何をやっているかわかりません。
もっと人が見やすいような情報はどこかにありませんでしょうか？

} }), r.each(["toggle", "show", "hide"], function (a, b) {
    var c = r.fn[b];r.fn[b] = function (a, d, e) {
      return null == a || "boolean" == typeof a ? c.apply(this, arguments) : this.animate(db(b, !0), a, d, e);
    };
  }), r.each({ slideDown: db("show"), slideUp: db("hide"), slideToggle: db("toggle"), fadeIn: { opacity: "show" }, fadeOut: { opacity: "hide" }, fadeToggle: { opacity: "toggle" } }, function (a, b) {
    r.fn[a] = function (a, c, d) {
      return this.animate(b, a, c, d);
    };
  }), r.timers = [], r.fx.tick = function () {
    var a,
        b = 0,
        c = r.timers;for (Za = r.now(); b < c.length; b++) a

行動規範の内容に同意します

回答2件

ベストアンサー

jQuery のソースコード

jquery-3.1.1.js のソースコードなら github や公式サイトにいけばDL出来ます。

しかし、ソースコードから学ぶのは素のJavaScript APIを十分に理解してからでなければ、相当厳しいと思います。

jQuery APIとDOM APIの違い

目的はjQueryと同じようなライブラリを作る事ではないはずなので、jQuery APIに対応するDOM APIが何かを知る事から始めると良いと思います。

日本語訳は jQuery の .each() の説明が間違っている(qiitaで指摘済)以外は会っていると思いますが、原文を参照するのが間違いないでしょう。

Re: saiboutai さん

投稿2017/03/01 13:05

think49

総合スコア18162

退会済みユーザー

2017/03/01 13:17

ありがたいです。ちょっと古いですが良いサイトがありました。 http://gihyo.jp/dev/feature/01/jquery/0004 2008年のようですが、今使われている関数が当時もだいたいあるのであれば解説もあるしいいかなと思います。ただ古いのでIE8以下に無理矢理合わすための無駄なソースがあるかもしれませんね。そう考えると素直にネイティブのJSでjqueryのこの関数はどう実現するのかや、ネイティブのJSでどう実現するのかを調べてしまった方がいいかもしれないですね。

行動規範の内容に同意します