javascript - Changing the image source using jQuery

#short
#javascript
#jquery
#image
My DOM looks like this:
div id="d1"
div class="c1"
a href="#"img src="img1_on.gif"/a
a href="#"img src="img2_on.gif"/a
/div
/div

When someone clicks on an image, I want the image src to change to img src="imgx_off.gif" where x represents the image number 1 or 2.
Is this possible or do I have to use CSS to change the images?
attr(): http://api.jquery.com/attr/

Видео javascript - Changing the image source using jQuery канала Code Samples