、jQueryの開発 JSライブラリの多様性を拡張するJavaScriptの継続的な発展とは、現在人気のJSライブラリがあります：1）プロトタイプ成形以前、オブジェクト指向プログラミングの全体的なアイデアの場所ではかなり把握ではありません。2）道場急な学習曲線、不完全なドキュメント、APEの最も深刻なが不安定で、それぞれが故障につながることができ、既存のプログラムをアップグレードします。3）YUIヤフー社は、仕様のより完璧な、準備を生産しました。4）のExt JSは、主にフロントエンドユーザインターフェースを構築するため、オリジナルYUIの拡張で、開発後期リッチクライアントアプリケーションの豊富な豪華な外観を開発するために使用することができ、商用利用は無料ではありません。5）MooToolsは、軽量コンパクト、モジュラーおよびオブジェクト指向のJSライブラリ、非常に良いです。6）jQueryライブラリも軽量で、互換性、およびチェーン操作やその他の機能を向上させる、強力なセレクター、DOM操作に優れかつ信頼性の高いイベントハンドリングを持っていますが、また、我々は焦点を学ぼうとしています。
二、jQueryの利点：以下を記述し、複数の操作を行います。ユニークなjQueryのセレクタ、チェーンオペレーション、イベント処理メカニズムとAjaxをパッケージ改善する他のJSライブラリの追随を許さないです。
1の後）、現在はわずか約30キロバイトを圧縮するために使用軽量UglifyJS。2）強力なセレクタはCSS1-3の使用ほとんどすべてのセレクタを、同様に高度で複雑な元のjQueryのセレクタを可能にします。3）優れたパッケージDOM操作。4）信頼性の高いイベント処理メカニズム5）完全なAjaxのjQueryのAjaxの操作は、すべての関数$アヤックスにパッケージ化（）内の、創造と洗練されたブラウザの互換性およびオブジェクトの使用を気にせずに。6）トップレベルの変数7）優れたブラウザ互換性を汚染しません。8）9連鎖モード）暗黙反復10）と、構造層11の層分離現象）リッチプラグサポート。12）ウェル13）オープンソースの文書化
第三に、jQueryのコードを記述します。
1）のjQueryの最新バージョンの公式ウェブサイトをご覧ください。http://jquery.com、jQueryライブラリを取得するためのリンクを右セーブ。製品版と開発版jquery.min.js jquery.js：jQueryライブラリは2種類に分かれています。
2）環境設定のjQueryをインストールする必要はありません、あなたは直接HTMLドキュメントに導入されたときに使用されるライブラリファイルを配置することができます。例えば：<SCRIPT SRC = "../スクリプト/ jquery.js" タイプ= "テキスト/ javascriptの"> </ SCRIPT>
3）jQueryの$速記あるコード最初のjqueryのを記述します。1「ウィンドウのみすべてのローディング後に行わなければならない、$（文書）：JSのwindow.onload =関数の伝統的なコード（）{}との差が同様の$（ドキュメント）.ready（functiong（）{}）すべてのページのDOM構造仕上げの描画を実行することができた後、それがあります。2「window.onload = funciton（）{}同時に書き込み、複数の、最後の、$（関数）.readyの出力だけではない（funcitong（）{}）同時に複数を書き込みます。出力が繰り返し出力されます。3「window.onload = funciton（）{}と略記されていない形態、$（ドキュメント）.ready（関数（）{}）$と略記することができる（funciton（）{}）
4）連鎖スタイル
例えば$（ ".level1> A"）。クリック（関数（）{
$（この）.addClass（ "現在"）次の（）ショー（）親（）兄弟（）子ども（ "A"）removeClass（ "現在"）次の（）非表示（）。。。。。。。。。
falseを返します。
}）
翻訳：マウスは現在のクラスを追加する要素の下のレベルにクリックすると、子要素は、現在のクラスを削除している彼の父の兄弟の内部ながら、それは、次の要素の背面に表示されます。その後、近くにその背後には、要素を非表示になっています。これは、ナビゲーションバーの機能を完了するための鍵です。
推奨コーディングスタイル：
$（ "LEVEL1> A"）。（（機能をクリックしてください）{
現在のスタイルを高めるために$（この）.addClass（「現在」）//現在の要素
.next（）。ショー（）//次の要素を表示します
現在のスタイルを削除するには、親要素の.parent（）。兄弟（）。子供たち（ "A"）。removeClass（ "現在"）//子要素の兄弟
彼らの隠れの.next（）非表示（）;. //次の要素
falseを返します。
}）
四、jQureyオブジェクトとDOMオブジェクト
1）即ちターゲットDOMドキュメントオブジェクトモデルドキュメントオブジェクトDOMツリー、モデルの子ノードが構成されているページのDOM要素ノード。要素は、DOM要素がDOMオブジェクトをこのようにして得られる、ノードJS getElementsByTagNameのとgetElementByIdを得ることができます。
2）jQueryオブジェクトが生成されたjQueryのDOMオブジェクトによってパッケージ化された後。これは、オブジェクトがjQueryオブジェクトである場合、あなたはjQueryのメソッドを使用することができ、ユニークです。
例えば：$（「＃バカ」）HTMLは、（）（「だます」）innerHTMLのDOMオブジェクトは内部のjQueryオブジェクト内の任意のメソッドを使用することはできませんのdocument.getElementByIdと同等です.... 同様にDOMオブジェクトはjQueryのを使用することはできません。
3）変換jQueryのDOMオブジェクトとオブジェクト。
相互変換の所定の様式が変数の良い定義を必要とする前に、オブジェクトはjQueryオブジェクトを取得した場合、$ VAR $ varible = jQueryのVaRのvarible = DOMオブジェクトをオブジェクト変数が先行しています。
1「jQueryがDOMオブジェクトにオブジェクトを変換します。VAR $ CR = $（ "＃のCR"）VAR CR = $ CR [0]またはVAR CR = $ cr.get（0）：[インデックス]またはget（インデックス）などを使用して
2 "DOMはjQueryオブジェクトに戻すオブジェクト、DOMオブジェクトパッケージ最初、その後、jQueryオブジェクトの例を取得します。var CR =のdocument.getElementById（" CR「）VAR $ CR = $（CR）すなわち$（DOMオブジェクト）
五、方法で紛争jQueryと他のライブラリを解決するには
1）jQueryライブラリの他のライブラリの背後にインポートし、jsの他のライブラリに$変数の制御を引き渡すために、任意の時間jQuery.noConflict（）関数で使用することができます。
2）他のライブラリをインポートした後に行うには、あなたが直接jQuery.noConflict（）関数を呼び出すことなく$（と比較して、作業、他のライブラリへのショートカットを）行うには、「jQueryの」jQueryのを使用することができます。