cssHooks
$.cssHooksはjQueryで利用できるCSSプロパティを拡張したり上書くためのオブジェクトです。
次のような構文でCSSプロパティの取得と設定が定義できます。
$.cssHooks["CSSプロパティの名前"] = {
get: function( elem, computed, extra ) {
// CSSの値を取得する際の処理
},
set: function( elem, value ) {
// CSSの値を設定する際の処理
}
};試しにCSS3のtransformプロパティのrotateを簡単に指定できるrotateプロパティを定義してみましょう。
$.cssHooks["rotate"] = {
get: function( elem, computed, extra ) {
return $(elem).data("rotate")
},
set: function( elem, value ) {
var val = $.isNumeric(value)?value+"deg":value;
$(elem).data("rotate",val).css("transform","rotate("+val+")");
}
};setでCSS3のrotateに変換し要素に適応させます。getでは適応させた値を取得できます。これに次のような命令が利用可能になります。
$("div").css("rotate",50);//設定
$("div").css("rotate");//取得$.cssHooksはjQuery 1.4.3で追加されたオブジェクトです。
参考URL
jQuery.cssHooks | jQuery API Documentation
登録日 : 2013年06月05日 最終更新日 : 2013年6月5日