javascriptからcss class（クラス）へアクセスするcssセレクタ$$()javascriptからcss class（クラス）へアクセスするcssセレクタ$$＄＄（）はjavascriptからcssのclassを選択するセレクタです。最近そういえば・・・・ということで使い始めました。 便利ですね。 ポイントは、classなので、同じclassが当然複数存在するので、eachでぐるぐる回しでアクセスする点。 イテレータ（反復関数 P18）と言うものです。 サンプルでは、フォントサイズを大きくして、色をつけています。 test１クラス
test１クラス
each・イテレータ（反復関数 P18）はさらに別の箇所P67 ４章「Enumerableで高度なコレクション」で紹介されています。 Enumerable＝可算・数え上げられる と訳せる。 要は、便利かつ高機能な配列と思えばよいか？
function callstyle(){
//alert("");
//aelert($('testcss').checked);
$$('.test').each(
function(e){
if($('testcss').checked===false){
e.setStyle('font-size:12px;');
e.setStyle('color:#000000');
}else{
e.setStyle('font-size:20px;');
e.setStyle('color:#FF6600');
}
}
);
}
|