jQueryのは何ですか
JS高度にカプセル化されたコードモジュールは、(効率は比較的低いです)
- DOMノードのカプセル化
- パッケージング方法は、単純なノードであるDOM
jQueryの利点
ブラウザの互換性へのJSコードはもっと良いです
jQueryのの二つの特徴
-
チェーンプログラミング:例えば.SHOW()と.htmlのは()も()HTMLを().SHOW書き込むことができます。
-
反復暗黙:暗黙の明示的な対応。暗黙の反復手段は:内部メソッドを循環、私たち自身のサイクルは、さらに私たちの業務を簡素化するのではなく、我々は利便性を呼び出します
jQueryのインポート
https://code.jquery.com/jquery-3.4.1.js 圧縮されていないバージョン
https://code.jquery.com/jquery-3.4.1.min.js 圧縮バージョンの
ダウンロード:ローカルにファイルを保存
導入を: <スクリプトSRC = "ファイル名"> </ SCRIPT>
$とjQueryとの関係
$名は、実質的に同一のjQueryの省略形です
jQueryの使用 $
シンボルの理由:書き込みが特徴的な他の文字に比べて、シンプルで、覚えやすいし
jQueryのは、オブジェクトとDOMが関係し、変換オブジェクト
jQueryのは、DOMをカプセル化
jQueryの(DOMオブジェクト)または$(DOMオブジェクト):DOMは、jQueryのに変身します
jQueryのDOMに変身:jQueryオブジェクト[インデックス]
jQueryのセレクタ
基本的なセレクタ
$( "#は、上記のIDを述べた") // 上記のidセレクタ述べ $( "tagNameを") // タグセレクタ $( "クラス名") // クラスセレクタ $( "*") // ユニバーサルセレクタ $を(「div要素.c1「) // 交差点セレクタはC1クラスを含むdivタグを発見した #は上記ID、.className、tagNameを「)を言及$(」// セレクタを設定します
レベルセレクタ
$( "Y-X"); // のx、yのすべての子孫を見つけるために、子孫のセレクター(子供や孫) $( "X> Y-"); // 子孫セレクタのx、yのすべての人の息子を見つけるために(息子) $( " Y + X「)// すぐのxのyの背後にあるすべてを見つけるために隣接セレクタ X〜Y「)$(」// 弟の兄弟がyのxを見つけた後、すべてのセレクタを
属性セレクタ
$(「[属性名]」)属性を含むラベルでなければならない $(「[属性名]」タグの属性を含む) ($を「セレクタ[属性名]」属性を含む、以前の選択に一致します)ラベル $(「セレクタ[属性名= 『AAAA』]」)属性名= AAAが選択を満たすためには、タグが必要 $(「セレクタ[属性は、名前$ = 『XXX』を]」)の値は、のXXXで終わる属性 $( 'セレクタ[属性名^ = "xxx"は]' )の値がのXXX始まる属性 $( 'セレクタ[属性名* = "XXX"を]' )値はXXXの含まれている属性 $(「セレクタ[属性名を1] [属性名2 =「XXX]は、必要なセレクタの前面に沿って、XXX」 『)属性、および= 2の属性値が』
フィルタ
基本フィルタ
使用方法:$( 'セレクタ:フィルタ')
セレクタの結果で選択したアクション
$(「を選択:フィルタ」を) $(「セレクタ:最初の」) アクションが選択した結果で選択された 最初の最初の発見 最後の最後 見つけるためにインデックスでEQ(インデックス) さえも、インデックスを探し 奇数奇妙な指標 GT(インデックス)は、特定のインデックスより大きい LT(インデックス)が一定の率よりも小さい セレクタの要件を満たしていませんではない(セレクタ) (選択された子孫を見つけることができません含まれている(セレクタ)を探して、子孫が必要自身)
フォームフィルター
型フィルタ
ラベル入力の形式による絞り込み
$( ':TEXT' ) $( ':パスワード' ) $( ':ラジオ' ) $( ':チェックボックス' ) $( ':ファイル' ) $( ':送信' ) $( ':RESET' ) $ (「:ボタン」) 注:入力の日付タイプが見つかりません
ステータスフィルタ
$( ':無効' ) $( ':有効' ) $( ':チェックする' ) $( ':選択')
jQueryのフィルタ方法
兄弟は見つける:$( 'ulのP' ).siblings()は 弟の見つけ $( 'P-UL' ).prev()1、私に最も近い兄弟を見つけるために ($ 'P-UL'をすべての兄弟を見つけるために).prevAll() $を( 'P-UL')prevUntil( 'セレクタ' )弟のどこかに停止見つけるために 彼の兄を探して:次の()nextAll()nextUntil( 'セレクタ' ) の祖先を見つけるために:親()親()parentsUntilを ( 「セレクタ」) 彼の息子を見つけるために:子供を()
さらに、スクリーニング方法
まず、() 最後の() EQ(インデックス) しない(「セレクタ」)削除を満たしセレクタ条件 フィルタ(「セレクタ」)セレクタの交差点、すべての結果が満たすを見つけるために続け選択が必要で 検索を(「を選択デバイスの)子孫セレクタセレクタは、すべての結果の子孫を見つけるために、要件を満たすには (持っている要件を満たしている現代の子孫関係の子孫を探していることにより、セレクタを「) '現代的なセレクタを左に置きます