jsでJQueryフレームワークを使用する方法

今回は、js で JQuery フレームワークを使用する方法と、js で JQuery フレームワークを使用するときの 注意事項 について説明します。以下は実際的なケースです。

jQuery は高速で簡潔な JavaScript フレームワークであり、 は Prototype に次ぐもう 1 つの優れた JavaScript コード ライブラリ (または JavaScript フレームワーク) です。 jQuery の設計の目的は、記述するコードを減らし、より多くのことを実行することを推奨することです。よく使用される関数コードを JavaScript でカプセル化し、シンプルな JavaScript デザイン パターン を提供し、HTML ドキュメント操作、 イベント処理 、アニメーション デザイン、および Ajax インタラクションを最適化し、JavaScript プログラミングを大幅に簡素化します。 jQuery のコア機能は次のように要約できます: 独自のチェーン構文と簡潔で明確な多機能インターフェイスを備え、効率的で柔軟な css セレクター を備え、CSS セレクターを拡張できます。便利なプラグイン拡張機構と豊富なプラグイン。 jQuery は、IE6.0 以降、FF1.5 以降、Safari2.0 以降、Opera9.0 以降など、さまざまな主流ブラウザと互換性があります。

JQuery のインストール手順:

1. 対応するファイル ライブラリをダウンロードします (同じバージョンの各 JQuery ファイル ライブラリは 2 つに分かれており、1 つは非圧縮バージョンで、ソース コードを表示できます)。開発時に使用したもの（jquery-3.3.1.js）

1つは、コメントやスペースを削除し、変数文字数を減らした圧縮版（jquery-3.3.3. 1 .min.js) と min onelikeこれを使用します)

(http://jquery.com/ ダウンロード可能)

2. 統合JQuery JS ファイルを WEB ディレクトリにコピーします (作成した Web ページのディレクトリに置きます)

3. ページは js ファイル (JQuery の JS) を参照します

        463417320b7ac4e89d1cba7b95f3d8c62cacc6d41bbb37262a98f745aa00fbf0

4. ページに JQuery を読み込みます

(上記のスクリプトは jQuery のみを参照しています。JQuery をロードしたい場合は、スクリプトを記述するだけです)

3 つのメソッドがあります:

1 つ目:

$(document).ready(function(){  
func(xxx)//执行函数
                       });  
//.ready函数是当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件，为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

2 つ目:

$(function(){  
     func(xxx)//执行函数
             });

第三种：

jQuery(function($) {  
     func(xxx)//执行函数
                  });

基本语法：

$(selector).action()

美元符号定义JQuery

选择符（selector）"查询"和“查找” HTML元素

 JQuery的action()执行对元素的操作

        8019067d09615e43c7904885b5246f0a
		$(function(){
			alert("helloWorld");
		})
	2cacc6d41bbb37262a98f745aa00fbf0

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

filter怎样全局使用

如何获取dom内class的值

以上がjsでJQueryフレームワークを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。