Изменить цвет тега «i» при фокусе input?

Question

[Codmaster]

почему на jsfiddle.net работает, а когда открываешь файл через браузер нет?

Answer 1

[Алексей A]

Попробуйте так вставить в файл:
jsfiddle

Comments

[Codmaster]

заработал, спасибо! а чем разница-то после body или перед?

[Алексей A]

Codmaster: не подключили https://ajax.googleapis.com/ajax/libs/jquery/1.12....

[Codmaster]

Алексей A: да нет, был подключен, а вот из-за того, что ниже body написал, то заработал

[Алексей A]

Codmaster: jQuery вообще не было. А вставлять его в head или body решать вам. Разница в том, что контент не появиться пока head всё не загрузит (может плохо сказаться на UX). А когда он в body, контент уже загрузился и пойдёт асинхронная загрузка скрипта. В этом случае есть риск, что JS события не сработают пока jQuery не загрузится.

[Алексей A]

Codmaster: что-то не вижу я его. font-awesome.min.css есть и в тексте html и в External Resources самого jsfiddle

[Codmaster]

https://jsfiddle.net/xe7xapp9/ это с "сайта"
но я понял, спасибо

[Алексей A]

Codmaster: Ха, так вы же и скрипт вставили в head. В этот момент от ещё "не знает" про input и .icon-user. Для этого надо его завернуть в оболочку $(document).ready(function(){});
https://jsfiddle.net/xe7xapp9/1/