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) を参照します

        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

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()执行对元素的操作

        <script type="text/javascript">
		$(function(){
			alert("helloWorld");
		})
	</script>

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

推荐阅读：

filter怎样全局使用

如何获取dom内class的值

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