jQuery

jQueryの勉強を進めてみた。

1.グローバル変数に頼らず$でjQueryを使う方法

$(document).ready(function(){

  //$を使ってjQueryオブジェクト使用

});

と書いていたところを

jQuery(function($){

  //$を使ってjQueryオブジェクト使用

});

に書き換えると良い

jQuery(func);は$(document).ready(func);の省略形

jQueryのインスタンスを$で引数として内側の無名関数に渡してるらしいよ


2. セレクタ基本

基本的にはCSSと同じ。以上。

ジョークです


まぁほとんど同じだけど、[属性名]で属性も使用できたり

[属性名=値]でさらに絞り込めたり

A + Bで前後関係、A ~ Bで兄弟関係を指定できたり

input:buttonとかでフォームのアイテムも別々に指定できたり

:first-child, :odd, :evenとか色々フィルタ使えたりする


まぁHTML5とCSS3になったらこの辺はわりとカバーされるらしい

:odd => :nth-child(odd)になってたり微妙に違うけど

でもデザインを何故かコントローラ担当のはずのJavaScriptがやってたから

元々ビュー担当のCSSが細かくデザインを指定できるようになったのは良いことだ