jQuery.cssHooks
설명 : jQuery에 직접 연결하여 특정 CSS 속성을 검색하거나 설정하는 방법을 재정의하거나 CSS 속성 이름을 표준화하거나 사용자 정의 속성을 만들 수 있습니다.

이 $.cssHooks객체는 특정 CSS 값을 가져오고 설정하기위한 함수를 정의하는 방법을 제공합니다. 상자 그림자 및 그라디언트와 같은 CSS3 기능을 표준화하기위한 새로운 cssHook을 만드는데도 사용할 수 있습니다.

예를 들어 Webkit 기반 브라우저의 일부 버전 -webkit-border-radius에서는 border-radiuson 요소 를 설정 해야 하지만 이전 Firefox 버전에서는 필요합니다 -moz-border-radius. css 훅은 .css()단일의 표준 프로퍼티 이름 ( border-radius또는 DOM 프로퍼티 신텍스 borderRadius)을 받아 들일 수 있도록 이들 벤더 접두어 붙은 프로퍼티를 표준화 할 수 있습니다 .

특정 스타일 속성을 처리하는 방법을 세밀하게 제어 할 수있을뿐만 아니라 메서드에서 $.cssHooks사용할 수있는 속성 집합도 확장 할 수 있습니다 .animate().

새로운 CSS 훅을 정의하는 것은 간단합니다. 아래의 뼈대 템플릿은 자신 만의 템플릿을 만드는 데 도움이 될 수 있습니다.

(function( $ ) {
 
// First, check to see if cssHooks are supported
if ( !$.cssHooks ) {
  // If not, output an error message
  throw( new Error( "jQuery 1.4.3 or above is required for this plugin to work" ) );
}
 
// Wrap in a document ready call, because jQuery writes
// cssHooks at this time and will blow away your functions
// if they exist.
$(function () {
  $.cssHooks[ "someCSSProp" ] = {
    get: function( elem, computed, extra ) {
      // Handle getting the CSS property
    },
    set: function( elem, value ) {
      // Handle setting the CSS value
    }
  };
});
 
})( jQuery );