Verarbeitet .css() von jQuery automatisch Browser-Präfixe?

Verarbeitet jQuery Browser-Präfixe automatisch mit .css()?

Die .css()-Methode von jQuery vereinfacht den Prozess der Bearbeitung von CSS-Eigenschaften. Es stellt sich jedoch häufig die Frage: Werden automatisch browserspezifische Herstellerpräfixe angewendet?

Antwort:

In früheren Versionen von jQuery wurde das Hinzufügen von Herstellerpräfixen nicht automatisch durchgeführt. Mit der Veröffentlichung von jQuery 1.8.0 wurde diese Funktionalität jedoch eingeführt. Daher verarbeitet die .css()-Methode von jQuery jetzt nahtlos Herstellerpräfixe für CSS-Eigenschaften.

Auswirkungen für Entwickler:

Diese automatisierte Handhabung von Präfixen vereinfacht Ihren Code, indem sie eliminiert wird Sie müssen sie manuell hinzufügen. Es ist jedoch wichtig, Folgendes zu beachten:

• Wenn Sie eine veraltete Version von jQuery verwenden, müssen Sie Herstellerpräfixe selbst implementieren oder die .cssHooks()-Methode von jQuery verwenden.
• Benutzerdefinierte CSS-Eigenschaften erfordern möglicherweise das manuelle Hinzufügen von Herstellerpräfixen.

Codebeispiel für Frühere jQuery-Versionen:

Der folgende Code zeigt, wie .cssHooks() von jQuery verwendet wird, um Herstellerpräfixe in früheren Versionen hinzuzufügen:

(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);

Das obige ist der detaillierte Inhalt vonVerarbeitet .css() von jQuery automatisch Browser-Präfixe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!