README
mdui.jq
拥有和 jQuery 相似 API 的轻量级 JavaScript 工具库。已作为 MDUI 内置工具库使用。
mdui.jq 全部使用 typescript 开发,可获得完美的类型提示。
兼容至 IE11。
文档:https://www.mdui.org/docs/jq
<script>
标签引入 JS 文件
通过 <script src="./jq.min.js"></script>
然后你可以通过 JQ
来访问该对象。如果你想使用 $
来访问该对象,需要自行进行赋值:
var $ = JQ;
jq.js 和 jq.min.js 文件已经内置了 polyfill 文件,可直接兼容 IE 浏览器。
在 ES6 模块化环境中使用
通过 npm
安装 mdui.jq
:
npm install mdui.jq --save
在 js
文件中导入 mdui.jq
:
import $ from 'mdui.jq';
注意:在 ES6 模块化环境中,mdui.jq 默认没有包含 polyfill 文件。如果你的构建环境不会自动转换 ES6 API,则需要在导入 mdui.jq
前先导入 polyfill 文件:
import 'mdn-polyfills/MouseEvent';
import 'mdn-polyfills/CustomEvent';
import 'promise-polyfill/src/polyfill';
在 ES6 环境中按需导入所需模块
因为 mdui.jq
的大部分方法都是 $
的原型链方法,导致构建工具的 Tree shaking 无法自动移除没有用到的方法。
mdui.jq
中每一个方法都是一个模块,你可以仅导入需要用到的方法:
// 导入 $ 函数
import $ from 'mdui.jq/es/