jQuery 「CSS操作」単位なしで利用可能なCSSプロパティの一覧を得る

jQuery.cssNumberは単位なしで利用可能なプロパティの一覧を持っているオブジェクトです。一覧には次のものが含まれます。

  • zindex
  • fontWeight
  • opacity
  • zoom
  • lineHeight
  • windows(jQuery1.6から追加)
  • orphans(jQuery1.6から追加)
  • fillOpacity(jQuery1.6.2から追加)
  • columnCount(jQuery1.9から追加)
  • order(jQuery1.10.2から追加)
  • flexGrow(jQuery1.11.1から追加)
  • flexShrink(jQuery1.11.1から追加)

また、単位が必要なCSSプロパティをjQuery.cssNumberを利用して単位なしと判断することも可能です。この場合、CSSプロパティの指定はキャメルケースで行います。

書式

jQuery.cssNumber.fontSize = true;

サンプル

font-sizesを単位なしで利用可能なプロパティと判断する

jQuery.cssNumber.fontSize = true;

サンプルのように、jQuery.cssNumberを使用してfont-sizeをtrueにした場合、その後セレクタのfont-sizeで数値を指定しても単位が含まれないため.css()メソッドは効果がありません。