Форум

haacki · #1 (**permalink**) 05.02.2014, 19:25

Занимаюсь практикованием jQuery, и при выполнении одного из заданий указанного в книге возник вопрос - прописал это в скрипт, естественно в функции document.ready

$('img:not([src$=logo.jpg])').hide(3000);

и ни чего не происходит, хотя уже раз 10 пересмотрел код html там все верно, а jquery не выполняет сценарий, хотя если написать просто

$('img').hide(3000);

то сценарий выполняется и все картинки исчезают за 3 секунды.
Вот комментарий из файла jQuery это наверное версия, я особо не разбираюсь недавно начал изучать.

/*! jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */

рони · #2 (**permalink**) 05.02.2014, 19:28

Сообщение от haacki

src$=logo.jpg

это $ зачема?

haacki · #3 (**permalink**) 05.02.2014, 19:33

Сообщение от рони

это $ зачема?

$ - означает что нужно начинать поиск с конца строки элемента вот:

<img src="images/logo.jpg" width="900" height="108" >

А задание мое состоит в том что бы, выбрать все картинки на страничке и скрыть их кроме самой первой... Я только начал изучение, так что пользуюсь тем что знаю

danik.js · #4 (**permalink**) 05.02.2014, 19:38

С кавычками работает:

<img src="http://javascript.ru/forum/images/smilies/smile.gif" />
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$('img:not([src$="logo.gif"])').hide(3000);
</script>

(изменил logo.jpg на logo.gif. Кстати какого хера логотип в jpg формате??? PNG!)

Суть в том что раньше в jQuery использовался собственный движок поиска по селектору. Щас же по возможности юзается нативный querySelectorAll, который более требователен к синтаксису.

А вобще, дружище, открой консоль (F12) и тебе будет проще определять в чем ошибка.

рони · #5 (**permalink**) 05.02.2014, 19:38

haacki,
кавычки поставьте и буде вам счастье

<!DOCTYPE HTML><html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.11.0.js"></script>
</head>

<body>
<img src="http://javascript.ru/forum/images/smilies/write.gif" alt="">
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="">
<script type="text/javascript">
$('img:not([src$="logo.gif"])').hide(3000);
</script>
</body>
</html>

danik.js · #6 (**permalink**) 05.02.2014, 19:41

рони, какие же мы оригиналы

haacki · #7 (**permalink**) 05.02.2014, 19:43

Спасибо за помощь братки)) Помогло

рони · #8 (**permalink**) 05.02.2014, 19:43

danik.js,

Форум

Справочник

Discord чат

Курсы javascript