在web开发中，常常需要添加图片来丰富页面内容。使用 jQuery UI，您可以轻松地向页面添加图片，而不必手动编写冗长的 HTML 代码。下面是如何使用 jQuery UI 添加图像的步骤：

$(document).ready(function(){
$("#image-container").append("");
});

在上面的代码中，您可以看到使用 .append() 方法将元素添加到具有 id="image-container" 的 HTML 元素中。 您需要替换 'your-image-url' 为您想要添加的图像的 URL。

您还可以使用其他 jQuery UI 方法来控制您的图像的样式，例如使用 .css() 方法更改图像的大小和位置，或使用 .animate() 方法添加动画效果。

不过在加载图片时有时候会遇到图片缓存导致的问题，即在一个页面中多次引用的图片只需要第一次加载，后面就可以复用之前下载的结果，但在firefox下可能有bug导致会重复加载。

为了解决这个问题，可以使用时间戳或随机数，区别不同的请求。

$(document).ready(function(){
var img = new Image();
var timestamp = (new Date()).valueOf();			 
img.src = 'your-image-url?timestamp=' + timestamp;	
$("#image-container").append(img);
});

上述代码中，您可以看到如何向图像 URL 添加时间戳。这样，每个请求都会是独一无二的，从而避免了浏览器缓存的问题。

通过这些步骤，您可以轻松地使用 jQuery UI 将图像添加到您的网页中，并解决浏览器缓存的问题。