みかづきブログ その3

3ヶ月つづけてみました。

jQuery3からwidth()、hight()の挙動が変わっとる! 😲

jQuery2.Xで開発していたものを3に切り替えたら挙動が変わって、なんでだろうと思ったていたら、
width()、hight()の挙動が変わったことが原因でした。

github.com

#box {
  width: 100px; height: 100px;
  transform: scale(.5);
}

というDOMに対して、いままでだったら、

var w = $("#box").width(); => // 100

だったのに、

3からは、

var w = $("#box").width(); => // 50(scaleが計算される)

となったようです。

3でもtransform適用前の値が欲しい場合は、

var w = $("#box")[0].offsetWidth; => // 100

とすればOKです。