151

jQuery コードを通常の JavaScript に変換する簡単な方法はありますか? jQuery のソース コードにアクセスしたり理解したりする必要はないと思います。

4

5 に答える 5

63

これで 90% 到達できます。)

window.$ = document.querySelectorAll.bind(document)

Ajax の場合、Fetch APIはすべての主要なブラウザーの現在のバージョンでサポートされるようになりました。については$.ready()、ほぼ普遍的なサポートがあります。 jQueryは、他の一般的な jQuery 関数と同等のネイティブ メソッドを提供します。 DOMContentLoaded

Zeptoも同様の機能を提供しますが、zip 形式で 10K の重量があります。jQuery と Zepto のカスタム Ajax ビルドといくつかのマイクロ フレームワークがありますが、jQuery/Zepto はしっかりとサポートされており、10KB は 56K モデムでわずか 1 秒です。

于 2013-12-06T04:17:05.283 に答える
46

最も簡単な方法は、単純な DOM API を使用して DOM トラバースと操作を行う方法を学ぶことです (通常の JavaScript と呼びます)。

ただし、これは一部の場合は苦痛になる可能性があります。（これが、そもそもライブラリが発明された理由です）。

「javascript DOM traversing/manipulation」をグーグルで検索すると、役立つ (およびあまり役に立たない) リソースがたくさん表示されるはずです。

この Web サイトの記事は非常に優れています: http://www.htmlgoodies.com/primers/jsp/

また、Nosredna がコメントで指摘しているように、すべてのブラウザーで必ずテストしてください。jQuery は不整合を処理しないためです。

于 2009-06-11T00:42:50.827 に答える
27

2012 年 1 月 19 日に Jeffrey Way から jquery から javascript への変換に関する非常に印象的なチュートリアルを見つけました *Copyright © 2014 Envato* 。

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

好むと好まざるとにかかわらず、最初に jQuery を通じて JavaScript の世界に紹介される開発者がますます増えています。多くの点で、これらの新参者は幸運な人です。大量の新しい JavaScript API にアクセスできるため、DOM トラバーサル (多くの人が jQuery に依存しているもの) のプロセスが大幅に簡単になります。残念ながら、彼らはこれらの API について知りません!

この記事では、さまざまな一般的な jQuery タスクを取り上げ、それらを最新の JavaScript と従来の JavaScript の両方に変換します。

OPへのコメントで提案しました。彼の提案の後、誰もが参照できる回答を公開します。

また、彼のインスピレーションの魔女について言及したジェフリー・ウェイは、理解するための良い入門書のようです: http://sharedfil.es/js-48hIfQE4XK.html

ティーザーがあります。このドキュメントは、jQuery と javascript の比較を示しています。

$(document).ready(function() {
  // code…
});


document.addEventListener("DOMContentLoaded", function() {
  // code…
});

$("a").click(function() {
  // code…
})


[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

あなたは見てみる必要があります。

于 2014-01-17T03:53:05.753 に答える
6

jQueryコードを通常のjavascriptに変換する簡単な方法はありますか？

いいえ、特に次の場合：

jQueryで書かれたjavascriptソリューションの例を理解するのは難しいです。

JQueryとすべてのフレームワークは、コードの理解を容易にする傾向があります。それを理解するのが難しい場合は、バニラJavaScriptは拷問になります:)

于 2009-06-11T04:06:40.843 に答える
6

元の投稿とは関係なく、jQueryコードを標準のJavaScriptに自動的にコンパイルする理由がわかります。

16k（またはgzipで圧縮された縮小されたjQueryライブラリ）は、モバイルブラウザを対象としたWebサイトには多すぎる可能性があります。w3cは、モバイルWebサイトに対するすべてのHTTP要求を最大20kにすることを推奨しています。

モバイル向けのw3c仕様

ですから、私は素敵で簡潔な連鎖jQueryでのコーディングを楽しんでいます。しかし今、私はモバイル向けに最適化する必要があります。本当に戻って、jQueryライブラリで使用したすべてのヘルパー関数を書き直すという面倒で退屈な作業を行う必要がありますか？または、再コンパイルに役立つ便利なアプリはありますか？

それはとても甘いでしょう。悲しいことに、私はそのようなものは存在しないと思います。

于 2009-09-02T05:57:44.090 に答える