Сегодня в статье будет рассмотрен небольшой скрипт, для изменения расширения в изображениях на странице с помощью jQuery. Назначение этого скрипта сложно так с ходу придумать, скорей это академический скрипт, который поможет вам понять алгоритм авто замены с помощью jQuery и использовать в дальнейшем его.

$(function() {
	$("#replAll").click(function() {
		$('img').each(function() {
			var src = $(this).attr("src");
			$(this).attr("src", src.replace(/\.jpg$/i, ".png"));
		});
	});
});

<input id="replAll" type="button" value="Replace" /><br />
    <img src="images/abc.jpg" />
    <img src="images/emo.jpg" />

Вот и все. Еще раз повторюсь, что в данном примере смысл этого скрипта не особо понятен. Но он может быть очень полезным если к примеру, у вас будет галерея в которой превьюшки будут иметь расширение .jpg, а полные версии картинок .png, в таком примере вы сможете не дублировать html для превью и полных версий изображений, а просто менять расширения для изображений.