Не назначаются стили

@TVPNERO · Регистрация: 29.03.2016

Author24 — интернет-сервис помощи студентам

Для второго элемента див с классом --Демо.
Не удается назначить стили здесь--

Javascript

1	$(".demo").attr({style:"color:red;background:blue" });

вместо этого срабатывает стиль прописаный в head->

CSS

1	.nov{color: blue }

Почему не удается назначить стиль--

Javascript

1	$(".demo").attr({style:"color:red;background:blue" });

для дива с классом Демо?

//////////////////////////////////////////////////////////////////////Полный код //////////////////////

HTML5

<html lang="ru">
  <head>
<title>манипуляции с атрибутами.ы</title>
    <meta charset="utf-8">

Javascript

1
2
3

<script   src="https://code.jquery.com/jquery-1.12.4.js"   integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="   
crossorigin="anonymous">
</script>

CSS

<style type="text/css">
 
.nov{color: blue }
 
</style>

Javascript

<script>
 
window.onload=function(){
 
 
 
$('div').attr({class:'nov'});
 
$(".demo").attr({style:"color:red;background:blue"  });
 
}
</script>

HTML5

</head>
<body>
 
<button type="button" id="raz">нажать</button>
 
<p>Продолжаю изучать джиквери</p>
 
 
 
<div>Добавление значения нескольких атрибутов</div>
 
<br>
<br>
 
<div class="demo">Добавление стилей</div>
 
 
 
</body>
 
</html>

@Danzel · 20.08.2016, 15:10

TVPNERO,

Ты использовал консоль для отладки? Если нет, то это не есть хорошо. Начни ей пользоваться.

Суть в том, что ты этой строчкой

Javascript

1	$('div').attr({class:'nov'});

добавляешь класс ".nov" ко всем div блокам, поэтому твой класс ".demo" просто удаляется или замещается. В консоли это прекрасно видно.

Можно просто вместо

HTML5

1	class = "demo"

написать

HTML5

id="demo"

и соответственно в JQ заменить

Javascript

1	$(".demo").attr({style:"color:red;background:blue" });

написать

Javascript

1	$("#demo").attr({style:"color:red;background:blue" });

@TVPNERO · 20.08.2016, 16:14 **[ТС]**

Danzel, верно-так все работает.
А использование id --это единственный выход?

@Danzel · 20.08.2016, 19:16

TVPNERO,

Это самый легкий способ как по мне)

Наверное можно как то заморочиться и искать блок со значением внутри, наверное есть еще варианты, но я их не знаю)

@sad67man · 20.08.2016, 21:26

TVPNERO, А почему такой странный способ задание стилей. Есть же специальные методы

Javascript

1	$(".demo").css({color:"red",background:"blue"});

Тоже самое с классами. есть методы для работы с классами .addClass("nov"); .removeClass("nov"), .toggleClass("nov")

@Muxacuk · 21.08.2016, 02:29

вместо использования id, замени

Javascript

1	$('div').attr({class:'nov'});

на

Javascript

1	$('div').addClass('nov');

@TVPNERO · 21.08.2016, 20:42 **[ТС]**

Muxacuk, нет.сработает только так--

Javascript

1	$('#demo').addClass('nov');

Без id не обойтись даже в этом случае

@TVPNERO -26 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	20.08.2016, 16:14 [ТС]	3
	Danzel, верно-так все работает. А использование id --это единственный выход? 0

@Danzel 6 / 6 / 5 Регистрация: 21.08.2012 Сообщений: 45
	20.08.2016, 19:16	4
	TVPNERO, Это самый легкий способ как по мне) Наверное можно как то заморочиться и искать блок со значением внутри, наверное есть еще варианты, но я их не знаю) 1

Не назначаются стили

Решение