jQuery での $(document).ready() の使用の概要

巴扎黑
リリース: 2017-06-25 10:30:11
オリジナル
1167 人が閲覧しました

最初に jQuery について学ぶことは次のとおりです: ページ上で event を実行したい場合は、このイベントを $(document).ready() で呼び出す必要があります

jQuery について学ぶ最初のこと 1 つページ上でイベントを実行したい場合は、$(document).ready() でイベントを呼び出す必要があります。 $(document).ready() に含まれるすべての要素またはイベントは、DOM の読み込みが完了した直後、ページ コンテンツが読み込まれる前に読み込まれます。
ページ上でイベントを動作させたい場合は、$(document).ready() 関数内でイベントを呼び出す必要があります。DOM がロードされるとすぐに、そしてページのコンテンツがロードされる前に、その中のすべてがロードされます。 コードは次のとおりです:

$(document).ready(function() {

// ここに jQuery の良さをすべて入れてください。

}); イベントが正しく動作することを確認する方法はたくさんあります。このページでは、$ (document).ready() には他のメソッドに比べて利点があります。まず、HTML に「動作」マークアップを追加する必要はありません。さらに、

JavaScript
/jQuery を独立した js ファイルに書き込むことができます。これにより、保守が容易になり、js とページのコンテンツを確実に分離できます。 Web を閲覧するときに注意すると、このような状況がよく見られます。マウスを接続の上に置くと、ステータス バーに「javascript:void()」のようなメッセージが表示されることがあります。イベントを タグ内に直接配置すると、このようなことが起こります。

従来の JavaScript を使用している一部のページでは、 タグに「

onload

」属性が表示されます。これにより問題が発生します。ボディ上の関数イベントは 1 つだけと制限されてしまいます。はい、コンテンツに「行動」タグが追加されるためです。この問題を解決したい場合は、Jeremy Keith の著書『DOM Scripting』を参照してください。この本では、本体に複数の関数をロードできるようにする「addLoadEvent」関数を 1 つの js ファイルに作成する方法が説明されています。しかし、このメソッドは単純な問題に対してかなりの量のコードを記述する必要があります。さらに、このメソッドはウィンドウがロードされるときにこれらのイベントをトリガーするため、 $(document).ready() の利点を改めて思い出させられます。
$(document).ready() を使用すると、ウィンドウがロードされる前にイベントをロードまたは起動することができます。このメソッドに記述したものはすべて、可能な限り早い時点でロードまたはトリガーされる準備が整っています。つまり、DOM がブラウザーに登録されると、$(document).ready() 内のコードが実行を開始します。こうすることで、ユーザーが最初にページ要素を見たときに特殊効果を実行できます。

以上がjQuery での $(document).ready() の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート