jQuery AreaSelect 插件是一款方便实用的图片裁剪插件，它能帮助用户在图片中选择需要裁剪的区域，同时也支持更改裁剪区域的大小和位置。

使用 jQuery AreaSelect 插件非常简单。首先，需要在 HTML 中引入插件的 CSS 和 JS 文件。可以从官方网站上下载插件的压缩文件，然后在页面中使用以下代码引入：

<link rel="stylesheet" href="jquery.areaselect.min.css">
<script src="jquery.min.js"></script>
<script src="jquery.areaselect.min.js"></script>

然后，在页面加载完成后，需要创建一个容器元素。这个容器元素将会包含需要裁剪的图片。可以使用以下代码创建一个带有图片的容器元素：

<div id="container">
<img src="sample.jpg" width="800" height="600">
</div>

接下来，在 JavaScript 中使用以下代码初始化 AreaSelect 插件：

$(function() {
$('#container img').areaSelect({
handles: true,
persistent: true
});
});

其中，#container img是需要裁剪的图片元素的选择器，handles参数表示是否显示裁剪区域的调整手柄，persistent参数表示是否允许用户对裁剪区域进行拖动和缩放操作。

通过以上几步，就可以在网页中使用 jQuery AreaSelect 插件了。要注意的是，插件还有很多其它的参数和方法，可以根据实际需求进行调整和使用。