jquery设置样式 jQuery 设置

jquery设置样式

jQuery 是一个 JavaScript 库，它提供了一种简单的方法来访问和操作 HTML 元素。它可以帮助我们快速地设置样式，而不需要写大量的 JavaScript 代码。

jQuery 提供了一个 css() 方法，可以用来设置元素的样式。该方法接受两个参数：要设置的属性名和属性值。例如：

$("#myDiv").css("background-color", "red");

上面的代码将 id 为 myDiv 的元素的背景颜色设置为 red。我们也可以使用 css() 方法来获取元素的样式：

var color = $("#myDiv").css("background-color");

上面的代码将会返回 id 为 myDiv 的元素的背景颜色。此外，我们还可以使用 css() 方法来同时设置多个样式属性：

$("#myDiv").css({ 
    "background-color": "red", 
    "font-size": "14px" 
});

上面的代码将会同时将 id 为 myDiv 的元素的背景颜色和字体大小都设置为 red 和 14px。此外，我们还可以使用 addClass()、removeClass() 和 toggleClass() 方法来添加、删除或切换 CSS 类。例如：

$("#myDiv").addClass("highlight"); // 添加 highlight 类  $("#myDiv").removeClass("highlight"); // 删除 highlight 类   $("#myDiv").toggleClass("highlight"); // 切换 highlight 类 

上面三行代码分别是添加、删除和切换 highlight 类。这些方法都是 jQuery 提供的快速方式来修改 HTML 元素样式而不必写大量 JavaScript 代码。

jQuery 设置