jQuery.cssHooks 정보
jQuery jQuery.cssHooks본문
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 );
0
댓글 0개