jquery-ui.min.js 插件

最新推荐文章于 2025-05-22 23:49:05 发布

社会你杰哥

最新推荐文章于 2025-05-22 23:49:05 发布

阅读量1.8w

点赞数 1

分类专栏：插件文章标签： jquery-ui.min.js 插件

本文链接：https://blog.youkuaiyun.com/lllllllllaaa/article/details/77801080

版权

插件专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了jQuery UI插件的使用，包括导入js库和应用示例。重点展示了折叠面板（Accordion）、特效（如显示、隐藏、切换）以及实用工具（如定位）。jQuery UI提供了丰富的用户界面交互、小部件和动画效果，如拖动、放置、缩放等，适用于增强网页的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、导入js库：

<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

2、用法：

附赠案例一份：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>折叠</title>
    <script src="../jquery-3.2.1.min.js"></script>

    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

</head>
<body>
<div id="div1">
    <h3>北京</h3>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</p>
    <h3>南京</h3>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</p>
    <h3>天京</h3>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</p>
</div>
</body>
<script>
    $("#div1").accordion({    //折叠
        event:"mouseover",
        /*animate:false,*/
        /*header:"h3"*/
    });

   /*$("#div1").accordion("destroy");*/ //破坏折叠
</script>
</html>