ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryの自動読み込みを実装する方法

jqueryの自動読み込みを実装する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 10:11:213568ブラウズ

jqueryの自動読み込みを実装する方法: jqueryライブラリを実行環境に導入し、「データの読み込みが完了し実行する」動作をテストし、次に「データが保存されているかどうかに関係なく、開いた後に実行する」をテストします。ロードされているかどうか」。

jqueryの自動読み込みを実装する方法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 3.2.1. この方法は、すべてのブランドのコンピューターに適しています。

jquery の自動読み込みを実装する方法:

1. まず、実行環境に jquery ライブラリを導入します。この例は、作成者が CDN に保存した jquery ファイルです。

jqueryの自動読み込みを実装する方法

2. 自動読み込みは次のように分かれています:

  • データ読み込みの完了と実行

  • データが読み込まれているかどうかに関係なく、開いたらすぐに実行します。

jqueryの自動読み込みを実装する方法

3. まず「データ」の動作をテストします。ロードが完了して実行されました。」メソッドのコードは次のとおりです

window.onload=function(){
           testFunc();}

jqueryの自動読み込みを実装する方法

4 実行結果は図の通り、関数は自動的に正常にロードされ、関数の結果が出力されます。

jqueryの自動読み込みを実装する方法

#5.「データが読み込まれているかどうかに関係なく、開いたらすぐに実行する」テストを続けます。メソッドコードは次のとおりです:

メソッド 1

$(document).ready(function(){    testFunc();});

メソッド 2

$(function(){    testFunc();});

jqueryの自動読み込みを実装する方法

6. 実行結果は上記と同じです。上記のメソッドはすべて自動的にロードされます。

jqueryの自動読み込みを実装する方法

関連する無料学習の推奨事項: javascript (ビデオ)

以上がjqueryの自動読み込みを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。