Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Edit - New Answer</strong> To change every image on its own hover event, apply the event to all img tags, and then use <code>this</code> to select that element:</p> <pre><code>jQuery("img").hover(function() { jQuery(this).animate({ opacity: '0.5'}); }, function() { jQuery(this).animate({ opacity: '1'}); }); </code></pre> <p>The below answer contains some good info, so I'll keep it in here. </p> <p><strong>Semi-irrelevant Answer Below</strong></p> <p>You are selecting every img tag. You need to come up with a way to uniquely identify the elements you want to change. The most used and most supported method of doing this is using either the class or id of the element. In example, HTML:</p> <pre><code>&lt;img src="lol.png" class="fadeThese" /&gt; </code></pre> <p>JS:</p> <pre><code>$("img.fadeThese").fadeOut(); </code></pre> <p>The selector inside the <code>$()</code> works just like a css selector, with a few added features. <strong>Some of these additional features are</strong>:</p> <ul> <li>Attribute selection: <code>$("a[href=google.com]")</code>. This will select all a tags with href equal to google.com</li> <li>jQuery filters: <code>$("div:nth-child(3)")</code> gets the fourth child of an element</li> <li>Selection by value: <code>$("input[value=yes]")</code></li> </ul> <p><strong>For reference</strong></p> <ul> <li><a href="http://api.jquery.com/category/selectors/" rel="nofollow">jQuery Selectors</a></li> <li><a href="http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/" rel="nofollow">CSS Selectors</a> (stay away from w3fools)</li> </ul>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload