1: 크기 조정 가능 구성 요소는 선택한 DOM 요소를 크기 조정 가능한 객체로 바꿀 수 있습니다. 즉, 조정 핸들을 드래그하여 크기를 변경할 수 있습니다.
$(".selector").resizeable(options);
간단한 예:

렌더링:

실제로 크기 조정() 메서드를 호출한 후 div 요소는 대상 개체의 오른쪽 테두리, 아래쪽 테두리 및 오른쪽 아래 모서리에 추가되며 ui-resizing-e, ui-resizing-s는 ui-resizing-se 클래스에 순차적으로 추가되어 드래그 핸들을 형성합니다

2: 지연 조정

3：动态调整效果
需要借助尺寸调整组件的一下属性来实现：
*为helper属性设置一个CSS样式类，该样式类将在调整过程中显示元素大小的轮廓，操作结束后才调整原始元素的大小
*设置ghost属性为true，재调整过程中显示一个半透명적정보
*将animate属性设置为true,为元素的调整过程添加动画效果
*为animateDuration属性指定一个值, 设置动画过程持续的时间

效果图：
 
4：尺寸调整组件적 방법
尺寸调整组件有4个方法，他们ت是拖动组件和投放组件所共유적, 即방식 비활성화, 방식 활성화, 방식 삭제 및 옵션 방식
// 禁止调整尺寸功能
$ ( ". selector"). Resizable ( 'disable'); $ ( ".selector").ressible('enable');
 //移除可调整尺寸功能
 $('.selector').ressible('destroy');
 //현재初始화后设置maxHeight属性值为480
  $('.selector').ressible('option', 'maxHeight', 480);
 //현재 初始化后获取maxHeight属性值
  $(' .selector').ressible('option', "maxHeight");



5:调整事件回调函数
start:事件类型resizestart, 开始拖动改变大小时触发
resize: 事件类型resize, 拖动过程中，鼠标每移动一image素就触发一次stop: 事件类型resizestop, 停止拖动时触发


     eventName: function (이벤트, ui) {