jQuery の画期的な入門 第 1 章_jquery

1. 概要
2. はじめに
3. jQuery とは
jQuery は、Javascript スクリプト ライブラリのセットです。私のブログに「JavaScript スクリプト ライブラリ」シリーズがあります。 .NET クラス ライブラリの場合、ユーザーが使いやすくするために、いくつかのツール メソッドまたはオブジェクト メソッドをクラス ライブラリにカプセル化します。

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

スクリプト ライブラリは、コーディング ロジックを完成させ、ビジネス機能を実現するのに役立ちます。同時に、記述されたコードがよりエレガントで堅牢になります。インターネット上の豊富な jQuery プラグインにより、「jQuery を使えば毎日お茶を飲める」ようになりました。なぜなら、ASP を作成するとき、私たちはすでに巨人の肩の上に立っているからです。 NET MVC プロジェクトでは、jQuery クラス ライブラリが自動的に導入されていることがわかります。jQuery はほぼ Microsoft の公式スクリプト ライブラリです。完璧な統合とインテリジェント センシングのサポートにより、.NET と jQuery をシームレスに組み合わせることができます。 Dojo、ExtJS などの代わりに jQuery を選択してください。

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

1. 強力な関数関数を提供します。これらの関数関数を使用すると、さまざまな関数を迅速に完成させてコードを作成できます。

2. ブラウザーの互換性の問題を解決します。Web 開発者にとって、さまざまなブラウザーでの JavaScript スクリプトの互換性は、IE7 および Firefox では正常に動作するのに、IE6 では不可解な問題が発生することがよくあります。さまざまなブラウザーでさまざまなスクリプトを記述するのは面倒です。たとえば、jQuery の Event オブジェクトは、以前はすべてのブラウザーに共通するようにフォーマットされていました。 IE では、event.srcElements ですが、FF などの標準ブラウザーでは、event.target です。jQuery はイベント オブジェクトを統合するため、すべてのブラウザーでイベント オブジェクトを取得できます。 >
3 . リッチな UIjQuery を実装すると、グラデーション ポップアップ、レイヤーの移動などのアニメーション効果を実現でき、より良いユーザー エクスペリエンスを得ることができます。 IEやFFと互換性があり、大量のJavaScriptコードを実装するには多大な労力がかかりますが、一度書いてもあまり役に立たず、しばらくすると忘れてしまいます。

4. ほとんどの開発者が JavaScript について間違った理解を持っているため、jQuery を使用すると、そのようなアプリケーションを迅速に完成させることができます。 onclick が実際には匿名関数であることを知らずに、HTML 要素内で DOM を操作するためにロードするときに実行されたり、「onclick」属性をドキュメント オブジェクトに直接追加したりするなどです。これらのエラー スクリプトの知識を持つ技術担当者は、すべての開発作業を完了することもできます。 , しかし、そのようなプログラムは堅牢ではありません。たとえば、「ページ上に、ロード時に実行されるDOMを操作するステートメントを記述します。ページのコードが小さく、ユーザーがすぐにロードする場合は問題ありません。ページがロードされるとき」少し時間がかかると、ブラウザの「操作を終了します」エラーが発生します。jQuery には、これらの問題を解決するのに役立つ多くの簡単なメソッドが用意されています。jQuery を使用すると、これらの間違いを修正する知識が得られます。なぜなら、私たちは皆、標準的な正しい jQuery を使用しているからです。

5. 多すぎます。1 つずつ確認してください。4. Hello World jQuery
いつものように、jQuery の Hello World プログラムを作成します。 jQuery。

この章の完全なソース コードは、この記事の最後からダウンロードできます。
1. jQuery ライブラリをダウンロードします。
jQuery プロジェクトのダウンロードは Google コードに配置されます。ダウンロード アドレス:

http://code.google.com/p/jqueryjs/downloads/list

上記のアドレスは、総ダウンロード リストです。これには、多くのバージョンと種類の jQuery ライブラリが含まれており、主に次のカテゴリに分類されています。 min: 正式な環境で使用される圧縮された jQuery クラス ライブラリ。例:

jquery-1.3.2.min.js

。 vsdoc: IntelliSense を有効にするには、このバージョンの jquery クラス ライブラリを Visual Studio に導入する必要があります。例: jquery-1.3.2-vsdoc2.js

。 リリース パッケージ: 非圧縮の jquery コード、ドキュメントおよびサンプル プログラムが含まれています。例: jquery-1.3.2-release.zip

2. 書き込みます。プログラム HTML ページを作成し、jQuery クラス ライブラリを導入し、次のコードを記述します。

コードをコピー

コードは次のとおりです。 :

Hello World!