できれば jQuery を使わずに jQuery 相当のものを JavaScript だけで実装できるようになりたいのですが、良い方法はありますか?

そもそも jQuery は JavaScript で書かれているので、jQuery でできることはすべて JavaScript で実現可能です。
2021年11月3日
ユーザー

いつも分かりやすい解説ありがとうございます。

ここまで、JavaScript による HP のアレンジテクニックをいくつか教えたいただきました。

自分の勉強不足とは思いますが、画面をスクロールした際のフェードイン等はネットで調べてみると jQuery を使用したものが多い印象を受けます。

頭のキャパシティにも限界があるので、できれば jQuery を使わずに jQuery 相当のものを JavaScript だけで実装できるようになれないか、と考えております。

そもそもそんなことが出来るのか?できる場合、良い学習方法等があれば教えていただけると幸いです。

スタッフ

こんにちは。ご質問ありがとうございました。

頭のキャパシティにも限界があるので、できれば jQuery を使わずに jQuery 相当のものを JavaScript だけで実装できるようになれないか、と考えております。
そもそもそんなことが出来るのか?できる場合、良い学習方法等があれば教えていただけると幸いです。

そもそも jQuery は JavaScript で書かれているので、jQuery でできることはすべて JavaScript で実現可能です。

もし jQuery がさまざまなエフェクトをどう実現しているのか詳細に知りたい場合は、jQuery のソースコードを読めばよいのですが、こちらは難解すぎるかもしれません。

https://github.com/jquery/jquery/tree/main/src

その場合は「 fadein effect without jquery 」などで検索するといいでしょう。
また確かに検索すると jQuery の情報があふれていますが、それはブログが流行った時代にちょうど jQuery が流行していたからですね。「 without jquery 」や「 -jquery 」といった検索語で除外しながら検索すると良いでしょう。

また jQuery から JavaScript の置き換えでは以下のサイトも有名かと思います。参考にしてみてください。

https://youmightnotneedjquery.com/

以上、ご確認いただければ幸いです。

ユーザー

ありがとうございました。

この質問はユーザーによって解決済みになりました

このレッスンの質問と回答(161)