介绍
闲来无事写一个Emmet版的JQ巩固下dom知识
- 基于document.querySelectorAll封装的JQ
- 类似的Emmet语法创建dom
- ts
Emmet
支持以下操作符
- #：id
- .: class
- +：兄弟
- >：子
- []：属性用,划分属性，属性=值，用;划分属性的值
- {}：文本
<!-- #:id - div#id -->
<div id="id"></div>
<!-- .:class - div.class -->
<div class="class"></div>
<!-- []:属性attr - input.class1.class2#id[style=color:red;font-size:30px,value=value] -->
<input class="class1 class2" id="id" style="color:red;font-size:30px" value="value">
<!-- {}:文本 - div{text} -->
<div>text</div>
残缺版的Emmet，目前不接受*10之类的写法
结构
模仿JQ的用法，提供了基本的dom，event，css之类的api。后面有兴趣可以继续扩展下。
QElements
一个大容器（QElements）包着每个封装后的element（QElement），QElements的用途是用来遍历QElement（QElement的同名方法）和生成QElements。并且QElements是继承于Array，所以可以直接调用数组的原生方法去操作里面的QElement。
QElement
提供了对于自身element的具体操作。
链接
npm i -S qelements
