昨日突然、あるネチズンから、animate() メソッドはすべての CSS 属性を操作できるかどうかと質問されました。はい、私は彼にそれができると言いました。ただし、ここで誰もが理解する必要がある点があります。animate() を使用する場合は、すべての属性名を Camel 表記法で記述する必要があります。たとえば、padding-left の代わりに paddingLeft を使用し、代わりに marginRight を使用する必要があります。マージン右など。
CSS のすべての属性が Jquery アニメーション (animate 関数) を使用して動的に変更できるわけではありません。JQ が要素を操作できるいくつかの属性の概要を以下に示します。 ) メソッドは非 CSS 属性も設定できます
タイトルにあるように、例:
* backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingLeft * paddingRight * paddingTop * height * width * maxHeight * maxWidth * minHeight * maxWidth * font * fontSize（在animate函数的css参数指定并不同于标准css属性，例如这个css标准是：font-size。同理上面很多也是这样的情况） * bottom * left * right * top * letterSpacing * wordSpacing * lineHeight * textIndent * opacity
他にもいくつかの小さな例があります:
無効な要素:
$('body').animate({scrollTop:0}, 1500);
$("body").animate({scrollTop:"-="+50},350);要素コレクションをトラバースする:
$('button').attr('disabled', 'disabled'); $('button').removeAttr('disabled');
さらに深い理解jquery カスタム アニメーションの animate() に関連する記事については、PHP 中国語 Web サイトに注目してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
