jQuery의 .css()는 브라우저 접두사를 자동으로 처리합니까?

jQuery는 .css()를 사용하여 브라우저 접두사를 자동으로 처리합니까?

jQuery의 .css() 메서드는 CSS 속성을 조작하는 프로세스를 단순화합니다. 그러나 일반적인 질문이 생깁니다. 브라우저별 공급업체 접두사를 자동으로 적용합니까?

답변:

jQuery의 이전 버전에서는 공급업체 접두사 추가가 자동으로 처리되지 않았습니다. 그러나 jQuery 1.8.0이 출시되면서 이 기능이 도입되었습니다. 따라서 jQuery의 .css() 메서드는 이제 CSS 속성에 대한 공급업체 접두사를 원활하게 처리합니다.

개발자에게 미치는 영향:

접두사의 자동화된 처리는 다음을 제거하여 코드를 단순화합니다. 수동으로 추가해야 합니다. 그러나 다음 사항에 유의하는 것이 중요합니다.

• 오래된 버전의 jQuery를 사용하는 경우 공급업체 접두사를 직접 구현하거나 jQuery의 .cssHooks() 메서드를 사용해야 합니다.
• 사용자 정의 CSS 속성에는 공급업체 접두사를 수동으로 추가해야 할 수도 있습니다.

코드 이전 jQuery 버전의 예:

다음 코드는 jQuery의 .cssHooks()를 사용하여 이전 버전에서 공급업체 접두사를 추가하는 방법을 보여줍니다.

(function($) {
  function styleSupport(prop) {
    var prefixes = ['Moz', 'Webkit', 'O', 'ms'],
        div = document.createElement('div');

    if (prop in div.style) {
      supportedProp = prop;
    } else {
      for (var i = 0; i < prefixes.length; i++) {
        vendorProp = prefixes[i] + capProp;
        if (vendorProp in div.style) {
          supportedProp = vendorProp;
          break;
        }
      }
    }

    div = null;
    $.support[prop] = supportedProp
    return supportedProp
  }

  var myCssPropName = styleSupport("myCssPropName");

  if (myCssPropName &amp;&amp; myCssPropName !== 'myCssPropName') {
    $.cssHooks["myCssPropName"] = {
      get: function(elem, computed, extra) {
        return $.css(elem, myCssPropName);
      },
      set: function(elem, value) {
        elem.style[myCssPropName] = value;
      }
    };
  }
})(jQuery);

위 내용은 jQuery의 .css()는 브라우저 접두사를 자동으로 처리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!