append加css

在前端开发中，我们经常需要往DOM元素中追加一些元素，达到动态改变页面效果的目的。此时，我们可以使用jQuery中的append()方法来实现。同时，我们也可以利用该方法动态地添加CSS样式。

  $(“#example”).append(“
”);
  $(“#example .new-class”).css({color: “red”,fontSize: “18px”});

上面的代码演示了如何在id为“example”的DOM元素内追加一个class为“new-class”的div元素，并且为该元素添加CSS样式。其中，append()方法接受一个字符串参数，该字符串可以是HTML字符串、DOM元素或者jQuery对象。我们可以使用HTML字符串的形式来动态地创建元素，如上述代码中的“

”。接下来，我们可以使用css()方法来实现为该元素添加CSS样式。

除了以上的方式，我们还可以使用链式调用来实现动态地添加CSS样式，如下面的代码所示：

  $(“#example”).append(“
”)
              .find(“.new-class”).css({color: “red”,fontSize: “18px”});

该代码与上述代码的不同之处在于，使用了find()方法来选取被添加的元素，并为其添加样式。与其它链式调用相同，该代码从左到右依次执行，非常便捷。

在实际的开发中，我们经常需要动态地生成和添加元素和CSS样式。使用append()方法，使我们的开发工作更加简单和高效。