jquery 写入style

晋新宁 3周前 10浏览 0评论

JQuery是一种功能强大的JavaScript库，可以大大简化JS代码的编写。其中一个常见的应用场景是写入CSS样式，我们可以使用JQuery的代码来添加新的样式规则或编辑已有的规则。

  // 添加新的样式规则
  $("head").append("");

  // 编辑已有的规则
  $("style").filter(":contains('#myDiv')").text("#myDiv {color: red;}");

在上面的代码中，我们首先使用了JQuery的选择器方法来选中<head>标签，然后使用append()方法在其中添加了一个<style>标签，其中包含了新的样式规则。

接着，我们使用filter()方法来查找<style>标签中包含特定字符串（这里是#myDiv）的元素，然后使用text()方法来编辑找到的元素中的样式规则。

以上就是使用JQuery写入CSS样式的基本操作。相比于纯JS，JQuery可以省去很多繁琐的代码，让我们更好地专注于页面的设计与交互。