Применение стиля к 1 из элементов в href
 

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

Имеется меню из двух пунктов:

<div id="punkt1">
<a href=" http://site.ru/punk1.html">
<img src="images1.png"  class="a" > //эта  картинка если пункт не активен
<img src="images2.png" class="b" > //эта картинка если пункт  активен
</a>
</div>

<div id="punkt2">
<a href=" [url]http://site.ru/punk2.html[/url] ">
<img src="images3.png" class="a" > // эта картинка если пункт не активен
<img src="images4.png" class="b" > // эта картинка если пункт  активен
</a>
</div>

И css

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

img.b {
	position: absolute;
	left: 0;
	top: 0;
}

Нашел вот такой скрипт для определния активного меню (а точнее сравнение текущего УРЛ и ссылок на странице)

jQuery ( document ) . ready ( function ( $ ) { 
var url = window. location ; 
$ ( 'a[href="' + url + '"]' ) .css('visibility', 'hidden');
});

Вопрос такой - как в этот скрипт приспособить , чтоб не у всей активной ссылки добавился стиль 'visibility', 'hidden', а только у “img.a” ?

Вот сайт там меню подгядел http://www.mysuitestuff.com/

учите основы http://jquery.page2page.ru/index.php...%D1%80%D 1%8B.
$ ( "img.a" )-ответ

Помогло вот это

$ ( 'a[href="' + url + '"] > img.a ' ).css('visibility', 'hidden');

я раньше так пробовал фильтровать. но не получалось. Оказалось надо было img.a без кавычек вводить. Всё просто, спасибо.

$ ( "a[href='"+ url + "'] > img.a " ).css({'visibility':'hidden'});

А что дает добавление фигурных скобок, или это как один из вариантов?

Кстати, если добавить это

jQuery ( document ) . ready ( function ( $ ) { 
var url = window. location ; 
$ ( 'a[href="' + url + '"]' ).removeAttr('href'); 
});

то теперь и ссылка не активна, то что нужно для активного меню.