Question

There are 16 items of the same class. When mouseover effect takes place i want the specific item to change opacity and not all the items of the same class.

http://jsfiddle.net/7Vezz/3/

Answer 1

Did you mean something like this:

• http://jsfiddle.net/7Vezz/1/

i.e. something along these lines (divs as grid cells):

<div class="a">d1</div>
<div class="a">d2</div>
<div class="a">d3</div>
<div class="a">d4</div>
<div class="a">d5</div>

a bit of jQuery:

$('.a').hover(function() {
  $(this).addClass('b');  
}, function() {
  $(this).removeClass('b');  
})

and a touch of style:

.b { background-color: green; }