Irene.js

图片出处

Irene.js 是啥？

一个瞎寄吧捣鼓的操作Dom元素框架，然后还夹带了私货（👆

有啥用？

很久之前我就有了这样的想法，每当我需要抓取页面的Dom元素进行操作时，不是原生就是JQuery，但是呢，原生啰嗦又麻烦，JQuery多余的功能太多且臃肿，所以就想着做个针对Dom元素操作的框架，进行数据采集或者写些小脚本啥的。

目前处于勉强能用状态。

使用教程？

构造方法

$irene(HTMLElement | String(idName | className | tagName) | Array) -> Irene

// 例子
$irene('p'); // 抓取所有 p 标签
$irene('.madoka'); // 抓取所有类名为 madoka 的标签
$irene('#qwq'); // 抓取 id 为 qwq 的标签

forEach、map、filter、sort、merge、reverse

method: forEach(f) -> void
$irene('p').forEach((item, index) => {
    ...
});

method: map(f) -> Irene
$irene('p').map((item, index) => {
    ...
});

method: filter(f) -> Irene
$irene('p').filter((item, index) => {
    ...
});

method: sort(f=(a,b)=>a-b) -> Irene
$irene('p').sort();

// 合并
method: merge() -> Irene
$irene('p').merge();

method: reverse() -> Irene
$irene('p').reverse();

获取父类Dom

method: parent(filter) -> Irene

// 例子
<div>
    <p></p>
</div>

$irene('p').parent(); // [div]

获取同级Dom

method: siblings(filter) -> Irene

// 例子
<div>
    <h2></h2>
    <p></p>
    <p></p>
</div>

$irene('p').siblings(); // [h2, p, p]

获取子类Dom

method: children(filter) -> Irene

// 例子
<div>
    <h2></h2>
    <p></p>
    <p></p>
</div>

$irene('div').children(); // [h2, p, p]

在当前头部添加元素、在当前尾部添加元素

method: begin(elem) -> Irene
method: append(elem) -> Irene

在子类头部添加元素、在子类尾部添加元素

method: beginChild(elem) -> Irene
method: appendChild(elem) -> Irene

删除与渲染

method: remove() -> Irene
method: render() -> Irene

at、range、first、last

method: at(index) -> Irene
method: range(startIndex, endIndex) -> Irene
method: first() -> Irene
method: last() -> Irene

text、setText

method: text() -> String
method: setText() -> Irene

clone、clear、getElem、getElems、len、getLink

method: clone(isDeep = true) -> Irene
method: clear() -> void
method: getElem() -> Item
method: getElems() -> Array
method: len() -> Number
method: getLink() -> Irene