Web前端UI框架 JQuery WeUI
西门胜涝
获取JQueryUI
jQuery WeUI 是 WeUI 的一个 jQuery 实现版本，除实现了官方插件之外，它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的 JS 组件均是以 jQuery 插件的形式提供，使用非常方便，并且可以和 React、Angular、Vue.js 之类的主流 JS 框架一起使用。
WeUI 是微信官方团队针对微信提供的一个 H5 UI 库，它只提供了一组 CSS 组件。jQuery WeUI 中使用的是官方 WeUI 的 CSS 代码，并提供了 jQuery/Zepto 版本的 API 实现。因为直接使用了官方的 CSS，所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery插件。
所需css js 可从http://jqweui.com/components 查看源获取
<!-- head 中 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>简单使用
不使用拓展插件
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="./css/weui.css">
<link rel="stylesheet" type="text/css" href="./css/jquery-weui.css">
</head>
<body>
<!-- 你的内容在这里 -->
</body>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./js/jquery-weui.js"></script>
</html>
类似资料：