@mdui/jq

拥有和 jQuery 相似 API 的轻量级 JavaScript 工具库。已作为 mdui 内置工具库使用。

@mdui/jq 全部使用 typescript 开发，可获得完美的类型提示。

文档：https://www.mdui.org/docs/2/functions/jq

安装

npm install @mdui/jq --save

全量导入 @mdui/jq：

1import { $ } from '@mdui/jq';

按需导入所需模块

因为 @mdui/jq 的大部分方法都是 $ 的原型链方法，导致构建工具的 Tree shaking 无法自动移除没有用到的方法。

@mdui/jq 中每一个方法都是一个模块，你可以仅导入需要用到的方法：

1// 导入 $ 函数
2import { $ } from '@mdui/jq/$.js';
3
4// 按需导入下面的原型链方法。导入对应的方法后，就能以这样的形式调用：$(document).method()
5// 注意：这些方法都依赖 $，因此导入这些方法前需要先导入 @mdui/jq/$.js
6import '@mdui/jq/methods/add.js';
7import '@mdui/jq/methods/addClass.js';
8import '@mdui/jq/methods/after.js';
9import '@mdui/jq/methods/append.js';
10import '@mdui/jq/methods/appendTo.js';
11import '@mdui/jq/methods/attr.js';
12import '@mdui/jq/methods/before.js';
13import '@mdui/jq/methods/children.js';
14import '@mdui/jq/methods/clone.js';
15import '@mdui/jq/methods/closest.js';
16import '@mdui/jq/methods/css.js';
17import '@mdui/jq/methods/data.js';
18import '@mdui/jq/methods/each.js';
19import '@mdui/jq/methods/empty.js';
20import '@mdui/jq/methods/eq.js';
21import '@mdui/jq/methods/extend.js';
22import '@mdui/jq/methods/filter.js';
23import '@mdui/jq/methods/find.js';
24import '@mdui/jq/methods/first.js';
25import '@mdui/jq/methods/get.js';
26import '@mdui/jq/methods/has.js';
27import '@mdui/jq/methods/hasClass.js';
28import '@mdui/jq/methods/height.js';
29import '@mdui/jq/methods/hide.js';
30import '@mdui/jq/methods/html.js';
31import '@mdui/jq/methods/index.js';
32import '@mdui/jq/methods/innerHeight.js';
33import '@mdui/jq/methods/innerWidth.js';
34import '@mdui/jq/methods/insertAfter.js';
35import '@mdui/jq/methods/insertBefore.js';
36import '@mdui/jq/methods/is.js';
37import '@mdui/jq/methods/last.js';
38import '@mdui/jq/methods/map.js';
39import '@mdui/jq/methods/next.js';
40import '@mdui/jq/methods/nextAll.js';
41import '@mdui/jq/methods/nextUntil.js';
42import '@mdui/jq/methods/not.js';
43import '@mdui/jq/methods/off.js';
44import '@mdui/jq/methods/offset.js';
45import '@mdui/jq/methods/offsetParent.js';
46import '@mdui/jq/methods/on.js';
47import '@mdui/jq/methods/one.js';
48import '@mdui/jq/methods/outerHeight.js';
49import '@mdui/jq/methods/outerWidth.js';
50import '@mdui/jq/methods/parent.js';
51import '@mdui/jq/methods/parents.js';
52import '@mdui/jq/methods/parentsUntil.js';
53import '@mdui/jq/methods/position.js';
54import '@mdui/jq/methods/prepend.js';
55import '@mdui/jq/methods/prependTo.js';
56import '@mdui/jq/methods/prev.js';
57import '@mdui/jq/methods/prevAll.js';
58import '@mdui/jq/methods/prevUntil.js';
59import '@mdui/jq/methods/prop.js';
60import '@mdui/jq/methods/remove.js';
61import '@mdui/jq/methods/removeAttr.js';
62import '@mdui/jq/methods/removeClass.js';
63import '@mdui/jq/methods/removeData.js';
64import '@mdui/jq/methods/removeProp.js';
65import '@mdui/jq/methods/replaceAll.js';
66import '@mdui/jq/methods/replaceWith.js';
67import '@mdui/jq/methods/serialize.js';
68import '@mdui/jq/methods/serializeArray.js';
69import '@mdui/jq/methods/serializeObject.js';
70import '@mdui/jq/methods/show.js';
71import '@mdui/jq/methods/siblings.js';
72import '@mdui/jq/methods/slice.js';
73import '@mdui/jq/methods/text.js';
74import '@mdui/jq/methods/toggle.js';
75import '@mdui/jq/methods/toggleClass.js';
76import '@mdui/jq/methods/trigger.js';
77import '@mdui/jq/methods/val.js';
78import '@mdui/jq/methods/width.js';
79
80// 按需导入下面的静态方法。导入对应的方法后，就能以这样的形式调用：$.method()
81// 注意：这些方法都依赖 $，因此导入这些方法前需要先导入 @mdui/jq/$
82import '@mdui/jq/static/ajax.js';
83import '@mdui/jq/static/ajaxSetup.js';
84import '@mdui/jq/static/contains.js';
85import '@mdui/jq/static/data.js';
86import '@mdui/jq/static/each.js';
87import '@mdui/jq/static/extend.js';
88import '@mdui/jq/static/map.js';
89import '@mdui/jq/static/merge.js';
90import '@mdui/jq/static/param.js';
91import '@mdui/jq/static/removeData.js';
92import '@mdui/jq/static/unique.js';
93
94// 上面提到的静态方法，也可以作为独立的函数使用。作为独立函数使用时，不需要依赖 $。
95import { ajax, ajaxSetup, contains, data, each, extend, map, merge, param, removeData, unique } from '@mdui/jq/functions.js';