【笔记】jQueryUI 学习笔记

发表于 更新于 阅读次数：

前言

jQuery UI是一套JavaScript 函数库，提供抽象化、可自定义主题的GUI控件与动画效果。基于jQuery JavaScript函数库，可用来建构交互式的互联网应用程序。在2007年9月约翰·雷西格于jquery.com博客里的一篇文章里正式公诸于世。（维基百科）

引入

  • 先引入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前端小清风