01-jQuery概要

1680 ワード

一.jQueryって何?
  • jQueryはJavaScriptライブラリであり、オリジナルのJavaScript関数をカプセル化することによって定義された方
  • のセットが得られる.
    法.
  • の著者はJohn Resigで、2006年に作成されたオープンソースプロジェクトで、ますます多くの開発者が参加するにつれて、jQueryはJavaScript、CSS、DOM、Ajaxを一体化した強力な機能を統合しています.
  • 最小限のコードで、より複雑で困難な機能を完成させ、開発者に愛されています.
  • 主旨スローガン:書くのがもっと少なくて、やるのがもっと多い(もっと少ないコードで、もっと多くの機能を実現する)

  • 二.jQueryの特徴:
  • javaScriptを使用している間にイライラすることがたくさんありました.
  • 1.window.onloadイベントは一度しか実行できませんが、次回実行すると、後ろのものが前のものを上書きします.2.エレメントを取得するときのメソッド名が長い.getElementById(「box」)を書き間違えやすい.3.簡単な機能を実現し、コードが非常に複雑である.4.コードをやっと書いた後、ブラウザで実行しても問題ない場合があります.しかし、別のブラウザでまたハングアップしていることがわかりました(ブラウザ互換性の問題)
  • jQueryの特徴はちょうど上述のいくつかの問題を解決して、主に以下の特徴があります:1.軽量級2.強力なセレクタ3.優れたDomパッケージ4.信頼できるイベント処理5.ブラウザの互換性が高い(2.0バージョンから、IE 6/7/8ブラウザと互換性がなくなりました.体積が小さく、速度が速い)6.チェーン操作方式7.暗黙反復
  • 三.コードスタイル
  • jQueryプログラムでは、ページ要素の選択、内蔵の機能関数にかかわらず、ドル記号「$」で開始されます.この「$」はjQueryの中で最も重要でユニークなオブジェクトです.jQueryオブジェクト
  • $(function () {});   //        
    $(‘#idName’);    //     ID     
    $(‘#idName’).css(‘color’, ‘red’);    //      
    

    「$」で包みます「$」はjQueryオブジェクトの意味を表す.
    //      
    jQuery(function () {}); 
    jQuery(‘#idName’); 
    jQuery(‘#idName’).css(‘color’, ‘red’);
    

    四.jQueryライブラリの使用の構成
  • 第一歩:jQueryライブラリ
  • をダウンロード
  • 第2ステップ:ダウンロードされたjQueryライブラリ
  • を導入する
  • 第3ステップ:jQueryコード
  • の作成
    
    
    
          
          Title
          
          
                   //$    jQuery  
                   //   jQuery  
                  $(document).ready(function () { 
                          alert('hello world');
                  });