初対面JQuery

1317 ワード

jQueryは簡単なjavascriptコードライブラリであり、フレームワークとして新しいJSの書き方を提供し、簡潔明瞭で互換性の問題をよく処理しています.これらの優れた特性は広く推奨され、登場以来急速に発展しています.jQueryの設計趣旨を証明しています.
“write Less,Do More”
選択:
jQueryのセレクタはその大きな特徴であり,構文はCSSと同様である:$('#box')はID,$('li')はラベル名,$('.active')はクラスセレクタによる取得要素の互換性も処理される.もちろん,これらはすべてjQueryのオブジェクトであり,原音のオブジェクトではない.一方、jQueryオブジェクトとオリジナルオブジェクトは変換できます.jQueryオブジェクトには下付き、すなわちオリジナルオブジェクトが追加されますが、オリジナルオブジェクトには引用符を付けずに$の後ろの括弧に直接置くとjQueryオブジェクトになります.
また、擬似クラスを使用して、目的の要素を指定することもできます.
//              
$('div[   ="   "]')

//                                     
$('li:first')  $('li:last')  $('li:even')  $('li:odd')
$('#div .active span')//       

//           ,                    ;
$('div:eq(  )')  $('div:lt(  )')  $('div:gt(  )')
$('div').eq(  )  //           

//siblings()             ,           ;
$('.active').siblings()

単純な操作
取得要素のインデックス値は.index()を用いることができる.フォーム要素を取得する内容は.val()を採用する.フォーム要素以外のコンテンツを取得するには.html()を使用します.
属性やスタイルを操作するには、.attr() .css()を通じて、カッコ内の内容に応じて、単一または一括でスタイルを変更することができます.ラベルを追加または削除するclassは.addClass() .removeClass()を通過する必要があります.