jquery在css3中移动背景url顺序多个背景图像？

我在google上找不到任何东西，但是有没有可能用jquery在hover/click/which上更改背景url的顺序

例如：

background: 
    url('1st_bg.png') no-repeat center;
    url('2nd_bg.png') no-repeat center;
    url('3rd_bg.png') no-repeat center;

这件事

background: 
    url('3rd_bg.png') no-repeat center;
    url('2nd_bg.png') no-repeat center;
    url('1st_bg.png') no-repeat center;

使用jquery

我似乎不知道如何移动我的css。。非常感谢您的帮助：-）

请看以下内容：

HTML

JQUERY脚本

$("#changeOrder").click(function () {
 $('#BODY').addClass('change');
});

.image {
background: url(http://radiantq.com/wp-content/uploads/2011/11/software_box.png) no-repeat 10px 10px, url(http://www.hdwallpapers3d.com/wp-content/uploads/2013/04/Flower-wallpaper-29.jpg) no-repeat 90px 90px, url(http://3.bp.blogspot.com/-kEDW4tNSmpA/UYnb_TbNiqI/AAAAAAAAKlc/MuZ3D0k6xRs/s1600/wallpapers-of-Rose-Flower456.jpg) no-repeat 180px 180px;
background-size:100px 100px;
width:500px;
height: 500px;
}
.change {
background:url(http://www.hdwallpapers3d.com/wp-content/uploads/2013/04/Flower-wallpaper-29.jpg) no-repeat 10px 10px, url(http://radiantq.com/wp-content/uploads/2011/11/software_box.png) no-repeat 90px 90px, url(http://3.bp.blogspot.com/-kEDW4tNSmpA/UYnb_TbNiqI/AAAAAAAAKlc/MuZ3D0k6xRs/s1600/wallpapers-of-Rose-Flower456.jpg) no-repeat 180px 180px;
background-size:100px 100px;
width:500px;
height: 500px;
}

$("#changeOrder").click(function () {
 $('#BODY').addClass('change');
});