【笔记】jQueryUI 学习笔记

发表于 更新于 分类于 阅读次数：

前言

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。（[中文官网]https://www.jqueryui.org.cn/tutorial/27.html()）

引入

  • 先引入jQuery，再引入jQueryUI

拖拽

1
2
3
4
5
6
7
<div id="id">
  <p>demo</p>
</div>

<script>
  $("#id").draggable();
</script>

排序拖拽

1
2
3
4
5
6
7
8
9
<ul id="id">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<script>
  $("#id").sortable();
</script>

完成

参考文献

哔哩哔哩——web前端小清风