jQueryコースの紹介LOGIN

jQueryコースの紹介

jQuery とは

jQuery は、私のブログの「JavaScript 軽量スクリプト ライブラリ」シリーズの記事にあります。JavaScript スクリプト ライブラリは、.NET クラス ライブラリに似ています。いくつかのツール メソッドを追加するか、ユーザーの使用を容易にするためにオブジェクト メソッドがクラス ライブラリにカプセル化されます。

「ライブラリ」は「システム アセンブリ」などの「フレームワーク」ではなく、スクリプト ライブラリであることに注意してください。 " はクラス ライブラリであり、"ASP .NET MVC" はフレームワークです。jQuery は、スクリプトの参照管理と関数管理の解決には役立ちません。これらはスクリプト フレームワークが行う必要があることです。

スクリプト ライブラリは、スクリプトの参照管理と関数管理を解決するのに役立ちます。 jQuery を使用すると、JavaScript コードの記述効率が大幅に向上し、記述されたコードがよりエレガントになり、堅牢になります。 「jQuery を使えば、毎日お茶を飲みましょう」-巨人の肩の上に立つからです

ASP.NET MVC プロジェクトを作成すると、jQuery クラス ライブラリがほぼ Microsoft の公式として自動的に導入されていることがわかります。スクリプト ライブラリ! 完璧な統合とインテリジェントなセンシングのサポートにより、.NET と jQuery がシームレスに結合されます! したがって、.NET を使用する場合は、Dojo や ExtJS などの代わりに jQuery を選択する必要があります。

1) jQuery は Javascript スクリプト ライブラリのセットです。 jQuery はスクリプト ライブラリであり、スクリプト フレームワークではありません。 「ライブラリ」イコール「フレームワーク」ではありません。 jQuery では、スクリプトの参照管理と関数管理を解決することはできません。これらはスクリプト フレームワークが行う必要があります。

スクリプト ライブラリは、コーディング ロジックを完成させ、ビジネス機能を実装するのに役立ちます。 jQuery を使用すると、JavaScript コードの作成効率が大幅に向上し、よりエレガントで堅牢なコードが作成されます。

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

3) さまざまなブラウザーでの JavaScript スクリプトの互換性は、Web 開発者にとって常に悪夢でした。たとえば、jQuery の Event オブジェクトは、以前はすべてのブラウザーに共通するようにフォーマットされていました。 IE の場合は、event.srcElements であり、ff などの標準ブラウザでは、event.target です。 jQuery はイベント オブジェクトを統合し、event.target を使用してすべてのブラウザーでイベント オブジェクトを取得できるようにします。

4) jQuery は、グラデーション ポップアップやレイヤーの移動などのアニメーション効果を実現し、より良いユーザー エクスペリエンスを得ることができます。

5) ほとんどの開発者は、onclick が実際には匿名関数であることを知らずに、ページの読み込み時に実行される DOM を操作するステートメントを記述したり、HTML 要素またはドキュメント オブジェクトに onclick 属性を直接追加したりするなど、JavaScript について間違った理解を持っています。 、など待ってください。このようなプログラムは堅牢ではありません。たとえば、「DOM を操作するために、読み込み時に実行されるステートメントをページ内に記述します。」ページのコードが小さく、ユーザーの読み込みが速い場合は問題ありませんが、ページの読み込みが少し遅い場合、ブラウザーは「操作を終了します。」 」というエラーが発生します。


次のセクション
<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>Hello World jQuery!</title> <script src="jquery-3.1.1.min.js"></script> </head> <body> <div id="divMsg">Hello jQuery!</div> <input id="btnShow" type="button" value="show" /> <input id="btnHide" type="button" value="hidden" /><br/> <input id="btnChange" type="button" value="change content is Hello World, too!"/> <script> $("#btnShow").bind("click", function(event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); </script> </body> </html>
コースウェア