Добавить CSS с JQuery в динамические элементы

Question

Кто-то может помочь мне в следующем.

Мне нужно добавить стиль к динамическим элементам HTML, которые я добавляю с помощью Jquery, но я не могу дать их им непосредственно в таблице стилей, так как значения атрибутов, которые я хочу изменить, различны и в зависимости от элемента Я добавить.

Упрощение вещей, мне нужно стили от JQuery к элементам HTML, которые будут добавлены позже.

Я ценю некоторую помощь.

Answer 1

Если вы добавляете элемент динамически, то во время создания элемента вы можете добавить 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'); 

Надеюсь, это вам поможет.