jQuery と JavaScript には多くの類似点がありますが、構文と機能にもいくつかの違いがあります。そのためには、まず、jQuery コードが何をしようとしているのかを理解してください。次に、バニラ JavaScript の代替メソッドまたは属性を利用します。
このブログでは、jQuery コードから JavaScript への変換について説明します。
jQuery コードを JavaScript に変換する方法は?
jQuery コードを JavaScript に変換するには、コードが何をしているか、どの jQuery メソッドが使用されているかを理解することが不可欠です。次に、「」などの JavaScript の代替メソッドを使用します。 $() 」 jQuery で要素を選択するために使用され、JavaScript で要素を選択するために「 document.querySelector() ' また ' querySelectorAll() 」メソッドが使用されます。
例を使って変換プロセスを理解しましょう。
例
ここでは、テキストの色を変更し、ボタンのクリック時に説明テキストを表示する jQuery コードがあります。そのために、HTML ドキュメントには 2 つのボタン、テキスト、および空の
タグが含まれており、ボタンのクリック時に新しいテキストが表示されます。
< 部門ID = 「マイディビジョン」 >
< p クラス = '文章' > JavaScript チュートリアル p >
< ボタン ID = 'ボタン' > ここをクリック ボタン >
< ボタン ID = 'ボタン' > ここをクリック ボタン >
< ピッド ID = 'メッセージ' > p >
分周 >
jQuery を使用する場合、HTML ドキュメントの
タグに jQuery ライブラリを追加する必要があります。 < スクリプトソース = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > 脚本 >