将带有Jquery的CSS添加到动态元素
将带有Jquery的CSS添加到动态元素
提问于 2016-04-30 10:16:48
有人可以帮我做以下事情。
我需要向使用Jquery添加的动态HTML元素添加样式，但不能在样式表中直接将其提供给它们，因为我想要更改的属性的值也因添加的元素而异。
为了简单起见，我需要将Jquery样式化为HTML元素，稍后还会添加更多元素。
我很感谢你的帮助。
回答 2
Stack Overflow用户
发布于 2016-04-30 10:27:03
如果是动态添加元素，那么在创建元素时，可以在元素上添加css，如下所示。
$('<p id="createdParagraph"/>')
.appendTo(document.body)
.css("color": "white",
"background-color": "#98bf21",
"font-family": "Arial",
"font-size": "20px",
"padding": "5px");或
$('p').append('<span class=your_class_name>)如果您想在不同的情况下使用许多属性，那么您可以在样式表中创建所有可能的类，并且可以使用jquery动态添加/删除这些类，如下所示-
$("p").addClass('class1');
$("p").removeClass('class1');希望这能对你有所帮助。
Stack Overflow用户
发布于 2021-02-02 02:50:34
您可以使用jQuery的css()方法向项目添加新的CSS属性，或者使用jQuery动态更改现有属性的值。
超文本标记语言代码：
<p>This is a paragraph.</p>JQuery代码：
$(document).ready(function(){
$("p").css({
"font-size": "20px",
"text-align": "center",
"padding": "40px"
});
});您可以在这里看到一个示例：How to add CSS properties to an element dynamically with jQuery
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36949976
复制相关文章
相似问题
腾讯云开发者
