初対面JQuery
1317 ワード
jQueryは簡単なjavascriptコードライブラリであり、フレームワークとして新しいJSの書き方を提供し、簡潔明瞭で互換性の問題をよく処理しています.これらの優れた特性は広く推奨され、登場以来急速に発展しています.jQueryの設計趣旨を証明しています.
“write Less,Do More”
選択:
jQueryのセレクタはその大きな特徴であり,構文はCSSと同様である:
また、擬似クラスを使用して、目的の要素を指定することもできます.
単純な操作
取得要素のインデックス値は
属性やスタイルを操作するには、
“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()
を通過する必要があります.