ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryを呼び出す外部jsの書き方

jqueryを呼び出す外部jsの書き方

王林
リリース: 2023-05-23 21:06:08
オリジナル
686 人が閲覧しました

外部 js ファイルを使用して jQuery ライブラリを呼び出す前に、ページ内で jQuery ライブラリが参照されているかどうかを確認する必要があります。参照されていない場合は、HTML ファイルで最初に jQuery ライブラリを参照する必要があります。

一般的な外部 js ファイルで jQuery ライブラリを呼び出す手順は次のとおりです。

  1. .js ファイルを作成し、サンプルなどのサーバーまたはローカル ホストに保存します。 js.
  2. sample.js では、まず jQuery の「ドキュメント準備完了」関数を使用して、DOM ツリーがロードされていることを確認する必要があります。コードは次のとおりです。
$(document).ready(function(){
    // js代码内容
});
ログイン後にコピー
  1. この関数内に、ページ内のすべてのテキスト文字列を置換するなど、実行する JS コードを記述します。コードは次のとおりです。
$(document).ready(function(){
    $('body').html($('body').html().replace(/关键词/g, '替换词'));
});
ログイン後にコピー
  1. 最後に、sample.js ファイルを HTML ファイルに導入します。コードは次のとおりです:
<script src="sample.js" type="text/javascript"></script>
ログイン後にコピー

このようにして、ページが読み込まれた後、 Sample.js ファイル内の関連コードが自動的に実行されます。

sample.js ファイルで jQuery の他のプラグインやメソッドを使用する必要がある場合は、jQuery ライブラリを導入した後に他のプラグインやメソッドを導入する必要があることに注意してください。 jQuery 関数を呼び出すことができない。

以上がjqueryを呼び出す外部jsの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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