jQuery の概要LOGIN

jQuery の概要

jQuery とは

jQuery は、ユーザーが使いやすいように、いくつかのツール メソッドまたはオブジェクト メソッドをクラス ライブラリにカプセル化しています。

jQuery はスクリプト フレームワークではなく、スクリプト ライブラリであることに注意してください。 「ライブラリ」は「フレームワーク」とは異なります。たとえば、「システム アセンブリ」はクラス ライブラリ、「ASP.NET MVC」はフレームワークです。jQuery では、スクリプトの参照管理と関数管理を解決できません。スクリプト フレームワークが行うべきこと

スクリプト ライブラリは、コーディング ロジックを完成させ、ビジネス機能を実現するのに役立ちます。同時に、記述されたコードがよりエレガントで堅牢になります。インターネット上の豊富な jQuery プラグインのおかげで、私たちの仕事は「jQuery があれば毎日お茶を飲める」ようになりました。なぜなら、私たちはすでに巨人の肩の上に立っているからです

jQuery は、「書く量を減らして、より多くのことを行う」軽量の JavaScript ライブラリです。 。

jQuery ライブラリには次の関数が含まれています:

HTML 要素の選択

HTML 要素の操作

CSS の操作

HTML イベント関数

JavaScript の効果とアニメーション

HTML DOM の走査と変更

AJAX

ユーティリティ


jQuery には次の特徴があります:

1. 強力な関数関数を提供します

これらの関数関数を使用すると、さまざまな関数を迅速に完成させ、コードを非常に簡潔にすることができます

2. ブラウザーの互換性の問題を解決します。

さまざまなブラウザーでの JavaScript スクリプトの互換性は、Web 開発者にとって常に悪夢でした。多くの場合、IE7 と Firefox ではページが正常に動作しますが、IE6 では説明のつかない問題が発生します。jQuery では、スクリプトを作成するのが面倒です。たとえば、jQuery の Event オブジェクトは、以前はイベントに基づいてイベント トリガーを取得する必要がありました。 FFなどの標準ブラウザはevent.targetです。jQueryはイベントオブジェクトを統合し、event.targetを使用してすべてのブラウザでイベントオブジェクトを取得できるようにします

3. jQueryはグラデーションポップなどのアニメーション効果を実現します。グラデーション効果を例に挙げると、私はかつて IE と FF と互換性のあるグラデーション アニメーションを作成し、それを実装するために多くの JavaScript コードを使用しました。 . 手間も労力もさることながら、書いた後はあまり役に立たず、しばらくすると忘れてしまいますが、jQuery を使用すると、そのような機能をすぐに完成させることができます。アプリケーション

4. 誤ったスクリプト知識を修正する

ほとんどの開発者は、JavaScript について間違った理解を持っています。たとえば、ページの読み込み時に実行される DOM を操作するステートメントを記述し、HTML 要素またはドキュメント オブジェクトに直接「onclick」属性を追加します。 onclick が実際に匿名関数であるかどうかはわかりません。これらのエラー スクリプトの知識を持つ技術スタッフもすべての開発作業を完了できますが、そのようなプログラムは堅牢ではありません。たとえば、「ページに操作 DOM を書き込む」などです。 「ステートメントの読み込み時に実行されます」の場合、ページのコードが小さく、ユーザーが素早く読み込む場合は問題ありません。ページの読み込みが少し遅い場合、ブラウザーの「操作を終了します」エラーが発生します。jQuery には、これらの問題の解決にご協力ください。一度 jQuery を使用すると、これらの間違いを修正するための知識が得られます。なぜなら、私たちは標準の正しい jQuery スクリプト手法を使用しているからです。なぜ jQuery を使用するのでしょうか?

インターネット上にはオープンソースの JS フレームワークが多数ありますが、jQuery は現在最も人気のある JS フレームワークであり、多数の拡張機能を提供しています。

次のような多くの大企業が jQuery を使用しています:

Google

Microsoft

IBM

Netflix

知っておくべき基本知識

jQuery の学習を始める前に、次の知識について基本的に理解しておく必要があります。 :

HTML

CSS

JavaScript

これらの主題を最初に学習する必要がある場合は、ホームページでこれらのチュートリアルを見つけてください。

次のセクション
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".ex .hide").click(function(){ $(this).parents(".ex").hide("slow"); }); }); </script> <style type="text/css"> div.ex { background-color:pink; padding:7px; border:solid 1px black; width:50%; } </style> </head> <body> <div class="ex"> <button class="hide">点我隐藏</button> <p>站点名: php中文网<br> 站点 URL:http://www.php.cn</p> </div> </body> </html>
コースウェア