Jqueryがいろいろ面白い件について
prototype.jsとかscript.aculo.usのような、Javascriptのライブラリです。CSS Nite LP2でロクナナの中村さんが紹介しているのを見て取っ付きやすそうなので、作業の合間にぼちぼち触ってみています。
他のライブラリを触った事がないので素のHTMLとの比較になりますが、とにかく簡単にDOMの操作やエフェクトの追加ができる、お手軽なライブラリです。記述が多少賑やかですが、CSSのセレクタとほとんど同じ感覚で記述できます。多分、デザイナーとかCSSのコーディングやっている人はすんなり入って行けると思います。
このブログでも、検索フォームの部分に使っています。処理としてどうよ? という部分はありますが、とにかく短い記述で済むので精神的に良いです。
まあ、こんな感じです。
$(function(){
var searchBoxText = 'Yahoo!検索';
$('.module-search .searchBox').val(searchBoxText);
$('.module-search .searchBox').focus(function(){
$(this).val('');
$(this).addClass('onFocus');
});
$('.module-search .searchBox').blur(function(){
$(this).removeClass('onFocus');
$(this).val(searchBoxText);
});
});この先スクリプトを触る機会が増えそうなので、これを機会にもっときちんと勉強しようと思います。