jQuery添加css样式/动画效果

在jQuery中，你可以使用.css()方法来添加CSS样式，使用.animate()方法来添加动画效果。

添加静态CSS样式的例子：

$(selector).css({
  "property1": "value1",
  "property2": "value2",
  // 更多样式...
});

添加动画效果的例子：

$(selector).animate({
  "property1": "value1",
  "property2": "value2"
}, duration, easing, callback);

其中：

• selector 是你想要添加动画的元素的选择器。
• duration 是动画执行的时间长度，单位为毫秒。
• easing 是动画的速度曲线，例如 'linear', 'swing', 或者自定义的曲线函数。
• callback 是动画完成后执行的函数。

实例代码：

// 添加CSS样式
$("#myElement").css({
  "color": "blue",
  "background-color": "yellow"
});
 
// 添加淡入动画
$("#myElement").animate({
  "opacity": 1
}, 1000, "swing", function() {
  // 动画完成后的回调函数
  console.log("动画完成");
});

在这个例子中，#myElement将变为不透明，并且在这个过程中背景色会平滑地改变。