Почему код в browser console работает, а в коде страницы — нет?

Question

[AndrewSHkod]

Есть код:

$( ".hov__menu > a" ).hover(
  function() {
    $(".hov__menu > a").css("background-color", "#e2e2e2");
    $(this).css("background-color", "white");
    $(".hov__menu > a").css("color", "yellow");
    $(this).css("color", "#000000");

  }, function() {
    $(".hov__menu > a").css("background-color", "white");
    $(".hov__menu > a ").css("color", "#000000");
  }
);

$( ".hov__menu > div" ).hover(
  function() {
    $(".hov__menu > a").css("background-color", "#e2e2e2");
    $(this).prev().css("background-color", "white");
    $(".hov__menu > a").css("color", "yellow");
    $(this).prev().css("color", "#000000");
  }, function() {
    $(".hov__menu > a").css("background-color", "white");
    $(".hov__menu > a ").css("color", "#000000");
  }
);

В консоли этот код работает, но когда я пишу его на сайте в <script> - он не срабатывает.

Comments

[WapSter]

И как же ты его на сайт добавляешь? Прежде чем напишешь ответ важно, в шапке скриптом, в футере и вообще научись подробнее излогать мысль. А то пишете вопросы точно также как заказчики ТЗ: "Чтобы все работало".

кансольи

ты школу то закончил консолист?)

[AndrewSHkod]

WapSter, в

[AndrewSHkod]

WapSter,

[AndrewSHkod]

Почему мои <слово> удаляются.

[v3shin]

AndrewSHkod, <script> на этом сайте обрезается? =)

[uRoot]

WapSter, это как каналья, только консолья

[Ankhena]

1. Менять стили элемента на который hover через js это изврат. Используйте css.
2. Если нужно поменять стили родительских элементов, то на js манипулируйте классами.
А уже цвета и что там еще происходит пишите в css для этого класса.

На этом сайт код вставляется через теги <code></code> или кнопочкой.
Но лучше делайте песочницы на jsfiddle.net или codepen.io

Answer 1

[Владимир Куц]

Быстрее всего потому что он у вас выполняется до того как броузер построит DOM

Answer 2

[Василий Банников]

Запихни его в document.onload = () => { код }
Но вообще менять css из js - плохая практика. Лучше заранее описать все нужные стили и менять только классы у элементов