Не меняется цвет текста

@NikVayne · Регистрация: 18.11.2013

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

Код HTML5

HTML5

1	<div class="a">A</div> <div class="b">B</div>

Какой будет цвет каждого элемента после того, как следующий код будет выполнен? Почему?
Код JavaScript

Javascript

var divs = $(".a");
divs.css("background-color", "yellow"); 
divs.add(".b");
divs.css("background-color", "red");

Сколько не пробовал, никакого цвета не появляется, тупо черные А и В в столбик

товарищи подскажите в чем дело? И если все правильно, что не появляется цвет, то почему? JS включен в браузере

@Бабуля · 22.09.2014, 05:32

HTML5

1	<div class="a">A</div> <div class="b">B</div>

Javascript

$(document).ready(function(){
    $(".a").css("background-color", "yellow"); 
    $(".b").css("background-color", "red");
});

А теперь переделывайте как вам угодно и почитайте о ready.

@NikVayne · 22.09.2014, 08:46 **[ТС]**

HTML5

<!DOCTYPE HTML>
<html>
<head>
<title>1111</title>
</head>
<body>
<div class="a">A</div>
<div class="b">B</div>
<script>
$(document).ready(function(){
    var divs = $(".a");
    divs.css("background-color", "yellow"); 
    divs.add(".b");
    divs.css("background-color", "red");
});
</script>
</body>
</html>

нет цветов

javascript не знаю кароч...

z-z · 22.09.2014, 10:01

NikVayne, вы используете библиотеку jQuery, но саму библиотеку не подключили. Поэтому ничего и не работает... пропишите где нибудь на странице, желательно в head

HTML5

1	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Добавлено через 42 секунды
или скачайте библиотеку, положите ее где нибудь рядом с вашим "проектом" и подключите локально

@NikVayne · 22.09.2014, 10:37 **[ТС]**

HTML5

<!DOCTYPE HTML>
<html>
<head>
<title>1111</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div class="a">A</div>
<div class="b">B</div>
<script>
function color(){
    var divs = $(".a");
    divs.css("background-color", "yellow"); 
    divs.add(".b");
    divs.css("background-color", "red");
};
</script>
</body>
</html>

нет цвета всё равно

z-z · 22.09.2014, 11:18

NikVayne, а почему вы сам скрипт то изменили? Функцию надо вызывать, сама она не заработает.

HTML5

<!DOCTYPE HTML>
<html>
<head>
<title>1111</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div class="a">A</div>
<div class="b">B</div>
<script>
$(function(){
    var divs = $(".a");
    divs.css("background-color", "yellow"); 
    divs.add(".b");
    divs.css("background-color", "red");
});
</script>
</body>
</html>

@NikVayne · 22.09.2014, 13:19 **[ТС]**

всё равно черные

весь этот код я помещаю в один файл .html, и этот скрипт никак себя не проявляет))

z-z · 23.09.2014, 09:28

NikVayne, у меня в онлайн редакторе работает. Возможно не работает потому, что локальный файл стучится на сервер к jQuery(хотя должно работать)... Попробуйте скачать библиотеку и подключить ее локально.

ПС. Поменялся только фон первого параграфа на красный.

@NikVayne · 23.09.2014, 10:06 **[ТС]**

спасибо вам

поверю на слово, а как объяснить почему с буквой "A" работает, а "B" нет и почему "А" именно красный, а не желтый?
ПС. с js впервые, а сдавать уже сегодня(

z-z · 23.09.2014, 10:12

вообще по идее оба параграфа должны стать красными. Потому что сначала мы делаем фон для коллекции divs желтым, затем добавляем в эту коллекцию еще блоки и делаем фон опять же всей коллекции красным... Поэтому я не могу объяснить, почему только с первым параграфом работает))

Не по теме:

ПС. Где люди находят специальности, в которых на домашку дают задачи по javascript и тем более jquery??))

@NikVayne · 23.09.2014, 10:29 **[ТС]**

спасибо

Не по теме:

Это на курсах дали, курсы по программированию, есть платные, есть бесплатные)

@NikVayne 0 / 0 / 0 Регистрация: 18.11.2013 Сообщений: 40
	22.09.2014, 13:19 [ТС]	7
	всё равно черные весь этот код я помещаю в один файл .html, и этот скрипт никак себя не проявляет)) 0

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	23.09.2014, 09:28	8
	NikVayne, у меня в онлайн редакторе работает. Возможно не работает потому, что локальный файл стучится на сервер к jQuery(хотя должно работать)... Попробуйте скачать библиотеку и подключить ее локально. ПС. Поменялся только фон первого параграфа на красный. 1

@NikVayne 0 / 0 / 0 Регистрация: 18.11.2013 Сообщений: 40
	23.09.2014, 10:06 [ТС]	9
	спасибо вам поверю на слово, а как объяснить почему с буквой "A" работает, а "B" нет и почему "А" именно красный, а не желтый? ПС. с js впервые, а сдавать уже сегодня( 0

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	23.09.2014, 10:12	10
	Сообщение было отмечено NikVayne как решение Решение вообще по идее оба параграфа должны стать красными. Потому что сначала мы делаем фон для коллекции divs желтым, затем добавляем в эту коллекцию еще блоки и делаем фон опять же всей коллекции красным... Поэтому я не могу объяснить, почему только с первым параграфом работает)) Не по теме: ПС. Где люди находят специальности, в которых на домашку дают задачи по javascript и тем более jquery??)) 1

@NikVayne 0 / 0 / 0 Регистрация: 18.11.2013 Сообщений: 40
	23.09.2014, 10:29 [ТС]	11
	спасибо Не по теме: Это на курсах дали, курсы по программированию, есть платные, есть бесплатные) 0

Не меняется цвет текста

Решение