How to select image with .jpg
<p>Is there any way I can target images with .jpg?</p>

<p>For example, the following code enlarge all the image. However I want to enlarge only .jpg.</p>

<pre><code>/*
 * If a page url contains /art-8 (not cart-8), then do this.
 * Add a link to zoom an image on the first image on a product page  
 */
if (/[^c]art-8/.test(location.pathname)) {

$("#system #product_cont img").wrapAll("&lt;ul class=\"cont_thumb\"&gt;").wrap("&lt;li&gt;");
$(".cont_thumb").after("&lt;div style='clear:both;padding-bottom: 20px;'&gt;&lt;/div&gt; ");



$("ul.cont_thumb li").hover(function(){
    $(this).css({
        'z-index': '10'
    });
    $(this).find('img').addClass("hover").stop().animate({
        marginTop: '0px',
        marginLeft: '-35px',
        top: '50%',
        left: '50%',
        width: '344px',
        height: '258px',
        padding: '0px'
    }, 200);

}, function(){
    $(this).css({
        'z-index': '0'
    });
    $(this).find('img').removeClass("hover").stop().animate({
        marginTop: '0',
        marginLeft: '0',
        top: '0',
        left: '0',
        width: '80px',
        height: '60px',
        padding: '3px'
    }, 400);
});
</code></pre>
