jQuery のバカレベルの入門tutorial_jquery

JS を知っている場合は、この記事はあまりにもばかげているため、避けてください。HTML と CSS を知らない場合は、次の内容が理解できない可能性がありますので、避けてください。 (英語は少しは話せたほうがいいです。そうでないと大変なことになります)

jQuery とは何ですか?
jQuery は JavaScript ライブラリであり、必要なものを何でも使用できる既成のツールボックスです。コードを自分で書き直す手間が省け、私のような JS バカでも簡単に始めることができます。

jQuery で何ができるの?
ページ上に多くの驚くべき動的な効果を生み出すことができます。簡単に言えば、ここをクリックしてさまざまな効果を表示できます。

jQuery の使用方法?
簡単に言うと、ページ上で jQuery ライブラリ (js ファイル) を呼び出すことで、その中のツールを簡単に使用して (jQuery でツールを呼び出すには別の js が必要です)、目的の効果を達成することができます。

ステップ 1: 目的のエフェクトを見つける
このサイトのエフェクトは、sonicHTML ツールと jQuery ツールという 2 つの場所から提供されます。インターネットにはさらに多くの効果があり、時間を費やすことができれば、他の場所を探すこともできます。

ステップ 2: コード盗用
まず、コード盗用ツールである Firefox firebug をお勧めします。そうでない場合は、今すぐ入手してください。コードをスキミングするときは、次の 2 つの点に十分注意する必要があります。

1. 静的ページの HTML と CSS

firebug を使用して、ページ内の必要な部分の HTML と CSS コードを抽出します。この部分の ID とクラスは移動しないでください。そのままで！

同時に、必要な HTML 要素の前に空の

など>>> がある場合があります。お見逃しなく。

2.

⑴ に呼び出されるjsの中に、ファイル名に「jQuery」が含まれるjsが必ずあるので、そのコードを直接追加します。それを独自のファイルにします。

⑵ には別の js が必要です。この js には次のコードが含まれます:

$(document).ready(function() {
// 途中に他のコードがあります

});
この js は外部ファイルである可能性もあれば、ヘッド内にある可能性もあります (本体内でも可能ですが、可能性はあります)。が低い)
フォームが表示されます。この部分には、前の HTML の ID またはクラスが必ず表示されます。別の名前を使用する場合は、必ず HTML と js で同期する必要があります。異なる場合は、

ステップ 3: ローカルでテストしてエラーを修正します
。新しい HTML と CSS をローカルに作成し、JS を作成し、選択したすべてのコードを配置し、呼び出されるすべてのファイルを呼び出します。エキサイティングな時代がやって来ました！ブラウザを使用して静的ページを開いて、動作するかどうかを確認します。それが出たら、おめでとうございます！次のステップに進んで、自分のものにしましょう！動作しない場合は、慎重に確認してください:

⑴HTML の考えられるエラー:

①HTML の ID またはクラスを変更しました [解決策: 元に戻します]

②空の

がありません [解決策: 削除した HTML を確認し、前後に空の

があるかどうかを確認し、追加して再試行してください]

⑵JS 考えられるエラー:

① 呼び出しパスのエラー [解決策: 有効な呼び出しパスに変更します。js と HTML を一緒に置くのが最も便利です]

② Ready がありません (詳細コードは上記です) この js (可能性があります)外部ファイル、ヘッド内のコードの可能性あり） [解決策: 元の静的ページで準備完了のコードを見つけてコピーして追加]

③準備完了の ID またはクラスと HTML の不一致 [解決策: 検索]元の HTML と js の対応関係を確認し、一貫性が保たれるように修正します]

ステップ 4: HTML と CSS を修正して独自のものにします
このステップではそのようなことはありません。修正ですメソッドは自由に変更できますが、HTML の ID とクラスは js に対応している必要があることに注意してください。

ステップ 5: 自分のページに追加する
これについては基本的に言うことはありませんが、WP ユーザーに言っておきたいことがあります。外部ファイルの呼び出しはすべてテーマの header.php にあります。フォルダー (長い間探していました~~~~)
添付ファイル:

1.jQuery 公式 Web サイトの非常に完全なチュートリアル (非常に詳細なので、お勧めします)学びたい場合はよく読んでください)>> >

2.jQuery ツールの入門マニュアル (短く簡潔で、これから始めたい場合に強くお勧めします)すぐに) >>>

3.sonicHTML (Greader で購読されているブログ。ケースやデモが多く、非常に実用的です) >>>