day 9/30 jQuery01

2067 ワード

なんだJQuery:


jQueryは高速で簡潔なJavaScriptフレームワークであり、Prototypeに続く優れたJavaScriptコードライブラリ(またはJavaScriptフレームワーク)である.jQueryのデザインの趣旨は「write Less,Do More」であり、より少ないコードを書くことを提唱し、より多くのことをすることである.JavaScriptでよく使われる機能コードをカプセル化し、簡単なJavaScript設計モードを提供し、HTMLドキュメントの操作、イベント処理、アニメーション設計、Ajaxインタラクションを最適化します.
jQueryの核心特性は、独特のチェーン文法と短くて明確な多機能インタフェースを有することにまとめることができる.効率的で柔軟なcssセレクタを有し、CSSセレクタを拡張することができる.便利なプラグイン拡張メカニズムと豊富なプラグインを備えています.jQueryは、IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+など、さまざまな主流ブラウザと互換性があります.
jqはjsによって実現され、jsを完全に代替するためではない.
生産バージョン:体積が小さく、実行速度が速い
開発バージョン:良い注釈があって、コードの風格は良くて、読みやすいです
  :
	1.      ,      ,     
	2.js   html   
	
      jq
	      

カスタムフレーム
JQの入門
【JQでIDによる要素検索】
           
#ID{}
.  {}
$("#ID   ")

jqの開発手順
1.  jq    
2.      $(function(){}):          ,    ,  
3.         
4.      (    )
5.            

JQueryでのセレクタ


操作する要素をより正確に見つけることができます
きほんセレクタ
  • IDセレクタ:#IDの名称
  • 類選択器:以.开头クラス名
  • 要素セレクタ:ラベルの名前
  • ワイルドカードセレクタ:*
  • セレクタ、セレクタ:セレクタ1、セレクタ2

  • JQの階層セレクタ
  • サブエレメントセレクタ:セレクタ1>セレクタ2
  • 子孫セレクタ:セレクタ1子孫
  • 隣接兄弟セレクタ:セレクタ1+セレクタ2:隣接する弟
  • を見つける
  • すべての弟を探し出す:セレクタ1~セレクタ2:すべての弟を探し出す
  • JQの基本フィルタ
    JQでの属性セレクタ
    JQのフォームフィルタ
    JQとJSの切り替え
  • JQオブジェクトは、jqの属性およびメソッド
  • のみを呼び出す.
  • jsオブジェクトは、jsのプロパティとメソッド
  • のみを呼び出すことができます.
    jqセレクタ
  • 基本セレクタ
  • ID#id名
  • 類セレクタ.クラス名
  • 要素セレクタラベル名
  • ワイルドカードセレクタ*
  • セレクタセレクタ1、セレクタ2
  • 階層セレクタ
  • 子孫セレクタ1セレクタ2
  • サブエレメントセレクタ1>セレクタ2
  • 隣接+
  • 全弟~
  • フィルタセレクタ
  • 最初の要素:first
  • 最後:last
  • 偶数:even
  • 奇数:odd
  • より大きい:gt
  • より小さい:lt
  • =eq
  • プロパティセレクタ
  • セレクタ[プロパティ]単一プロパティ
  • セレクタ[プロパティ1][プロパティ2]複数のプロパティ
  • セレクタ[][属性=属性値]で決定する属性値
  • フォームフィルタ
  • :text
  • option:selecte

  • jsとjqの変換
  • js回転jq
  • $(jsオブジェクト)
  • jq回転js
  • jqオブジェクト[0]