how to select element in div (jquery)

[johny1000]

Hello everyone

I'm just a beginer. I would like to ask you how to select a img in div onmouse over for example.

<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>
<div class"first class"><img class"second" src""></div>

When i mouseon first div, the img (only in this div) should be visible.
I serched in google but the selectors not function properly in my case


I have something like that:

$("document").ready(
	function()
	{
	
		
		$(".first_class").mouseover(
			function()
			{
				select inner img
			
				
			}		
		)
		$(".first_class").mouseout(
			function()
			{
				select inner img
				
			}		
		)
	}
);

Thanks for help

[DanInMA]

$(document).ready(function(){ 

$("div.first.class").hover(
  function () {
    $(this).find("img").show();
  }, 
  function () {
    $(this).find("img").hide();
  });

});

this will do it. also its:

class="first class" and src=""

- dont forget to add alt="some text about this image" in case yoyur image doesnt load or other issues come into play at least you will have alt test to display

if you want to use jQuery, you will reference this page alot: http://api.jquery.com/category/selectors/

it shows you how to use the jquery syntax to select elements.

[johny1000]

Thanks a lot its working