如何用jQuery为动态添加的元素的添加样式
可以使用以下方法为动态添加的元素添加样式:
- 使用addClass()方法:可以通过该方法为元素添加一个或多个类,从而为其添加样式。例如:
$(document).on("click", "#btn", function(){
$("<p>").text("New paragraph").addClass("my-class").appendTo("#container");
});
- 使用css()方法:可以通过该方法直接为元素设置样式。例如:
$(document).on("click", "#btn", function(){
$("<p>").text("New paragraph").css("color", "red").appendTo("#container");
});
- 使用attr()方法:可以通过该方法为元素添加"style"属性,从而设置其样式。例如:
$(document).on("click", "#btn", function(){
$("<p>").text("New paragraph").attr("style", "color: red; font-size: 16px;").appendTo("#container");
});
注意:以上方法中,使用.on()方法将事件绑定在document上,使得动态添加的元素也能响应事件。
原文地址: http://www.cveoy.top/t/topic/bgd7 著作权归作者所有。请勿转载和采集!