jQuery 的css、动画、操作html

作者：System 时间：2024年08月15日分类：所有,jquery 字数：648

在jQuery中，css() 方法用于设置或返回被选元素的一个或多个样式属性。




// 设置单个样式
$("p").css("color", "blue");
 
// 设置多个样式
$("p").css({
  "color": "blue",
  "font-size": "16px"
});
 
// 获取样式值
var color = $("p").css("color");

animate() 方法用于创建自定义动画。




// 创建简单的动画
$("div").animate({
  left: "+=50"
}, 500);
 
// 使用回调函数，在动画完成后执行
$("div").animate({
  left: "+=50"
}, 500, function() {
  console.log("动画完成");
});

html() 方法用于获取或设置被选元素的内容 (inner HTML)。




// 设置HTML内容
$("p").html("Hello <b>world</b>!");
 
// 获取HTML内容
var content = $("p").html();

以上是jQuery中的css(), animate(), 和 html() 方法的基本用法示例。

jQuery 的css、动画、操作html

评论已关闭

推荐阅读