Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/chimeejs/chimee-helper-dom

the dom handler for chimee
https://github.com/chimeejs/chimee-helper-dom
chimee chimee-helper-dom classname dom html-element video
Last synced: about 1 month ago
JSON representation
the dom handler for chimee
Host: GitHub
URL: https://github.com/chimeejs/chimee-helper-dom
Owner: Chimeejs
License: mit
Created: 2017-07-06T10:54:29.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-11-07T14:52:30.000Z (over 6 years ago)
Last Synced: 2024-11-11T14:04:38.439Z (3 months ago)
Topics: chimee, chimee-helper-dom, classname, dom, html-element, video
Language: JavaScript
Size: 104 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

README

        # chimee-helper-dom

[![Build Status](https://img.shields.io/travis/Chimeejs/chimee-helper-dom/master.svg?style=flat-square)](https://travis-ci.org/Chimeejs/chimee-helper-dom.svg?branch=master)

[![Coverage Status](https://img.shields.io/coveralls/Chimeejs/chimee-helper-dom/master.svg?style=flat-square)](https://coveralls.io/github/Chimeejs/chimee-helper-dom?branch=master)

[![npm](https://img.shields.io/npm/v/chimee-helper-dom.svg?colorB=brightgreen&style=flat-square)](https://www.npmjs.com/package/chimee-helper-dom)

[![dependency Status](https://david-dm.org/Chimeejs/chimee-helper-dom.svg)](https://david-dm.org/Chimeejs/chimee-helper-dom)

[![devDependency Status](https://david-dm.org/Chimeejs/chimee-helper-dom/dev-status.svg)](https://david-dm.org/Chimeejs/chimee-helper-dom?type=dev)

dom handler of chimee

## get started

```shell

npm install chimee-helper-dom --save

```

if you are using `flow`, you should import our flow defination, by adding this to your `.flowconfig`.

    [ignore]

    [include]

    [libs]

    ./node_modules/chimee-helper-dom/lib/index.flow.js

    [options]

    [lints]

## doc

#### Table of Contents

-   [dom](#dom)

-   [getAttr](#getattr)

-   [setAttr](#setattr)

-   [addClassName](#addclassname)

-   [removeClassName](#removeclassname)

-   [hasClassName](#hasclassname)

-   [supportsPassive](#supportspassive)

-   [removeEvent](#removeevent)

-   [addEvent](#addevent)

-   [addDelegate](#adddelegate)

-   [removeDelegate](#removedelegate)

-   [getStyle](#getstyle)

-   [setStyle](#setstyle)

-   [query](#query)

-   [removeEl](#removeel)

-   [findParents](#findparents)

-   [NodeWrap](#nodewrap)

    -   [each](#each)

    -   [push](#push)

    -   [splice](#splice)

    -   [find](#find)

    -   [append](#append)

    -   [appendTo](#appendto)

    -   [text](#text)

    -   [html](#html)

    -   [attr](#attr)

    -   [data](#data)

    -   [css](#css)

    -   [addClass](#addclass)

    -   [removeClass](#removeclass)

    -   [hasClass](#hasclass)

    -   [on](#on)

    -   [off](#off)

    -   [delegate](#delegate)

    -   [undelegate](#undelegate)

    -   [remove](#remove)

-   [$](#)

### dom

[src/index.js:11-11](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L11-L11 "Source code on GitHub")

一些常用的DOM判断及操作方法，可以使用dom.$('\*')包装DOM，实现类jQuery的链式操作；当然这里的静态方法也可以直接使用。

**Meta**

-   **author**: huzunjie

### getAttr

[src/index.js:22-24](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L22-L24 "Source code on GitHub")

读取HTML元素属性值

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `attrName` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 目标属性名称

Returns **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 

### setAttr

[src/index.js:32-38](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L32-L38 "Source code on GitHub")

设置HTML元素属性值

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `attrName` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 目标属性名称

-   `attrVal` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 目标属性值

### addClassName

[src/index.js:45-59](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L45-L59 "Source code on GitHub")

为HTML元素添加className

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `cls` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要添加的className（多个以空格分割）

### removeClassName

[src/index.js:66-84](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L66-L84 "Source code on GitHub")

为HTML元素移除className

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `cls` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要移除的className（多个以空格分割）

### hasClassName

[src/index.js:92-94](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L92-L94 "Source code on GitHub")

检查HTML元素是否已设置className

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `className` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要检查的className

Returns **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 

### supportsPassive

[src/index.js:100-100](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L100-L100 "Source code on GitHub")

addEventListener 是否已支持 passive

Returns **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 

### removeEvent

[src/index.js:120-132](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L120-L132 "Source code on GitHub")

为HTML元素移除事件监听

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `once` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否只监听一次 (optional, default `false`)

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段的监听 (optional, default `false`)

### addEvent

[src/index.js:142-159](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L142-L159 "Source code on GitHub")

为HTML元素添加事件监听

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `once` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否只监听一次 (optional, default `false`)

-   `capture` **([Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean) \| [Object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object))** 是否在捕获阶段监听，这里也可以传入 { passive: true } 表示被动模式 (optional, default `false`)

### addDelegate

[src/index.js:169-193](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L169-L193 "Source code on GitHub")

为HTML元素添加事件代理

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要被代理的元素

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

### removeDelegate

[src/index.js:203-210](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L203-L210 "Source code on GitHub")

为HTML元素移除事件代理

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要被代理的元素

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

### getStyle

[src/index.js:218-220](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L218-L220 "Source code on GitHub")

读取HTML元素样式值

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `key` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 样式key

Returns **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 

### setStyle

[src/index.js:228-236](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L228-L236 "Source code on GitHub")

设置HTML元素样式值

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `key` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 样式key

-   `val` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 样式值

### query

[src/index.js:245-248](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L245-L248 "Source code on GitHub")

根据选择器查询目标元素

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 选择器,用于 querySelectorAll

-   `container` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 父容器 (optional, default `document`)

-   `toArray` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 强制输出为数组

Returns **([NodeList](https://developer.mozilla.org/docs/Web/API/NodeList) \| [Array](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array))** 

### removeEl

[src/index.js:254-256](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L254-L256 "Source code on GitHub")

从DOM树中移除el

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

### findParents

[src/index.js:265-278](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L265-L278 "Source code on GitHub")

查找元素的父节点们

**Parameters**

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 目标元素

-   `endEl` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 最大父容器（不指定则找到html） (optional, default `null`)

-   `haveEl` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 包含当前元素

-   `haveEndEl` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 包含设定的最大父容器

### NodeWrap

[src/index.js:289-544](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L289-L544 "Source code on GitHub")

NodeWrap DOM包装器，用以实现基本的链式操作

new dom.NodeWrap('_') 相当于 dom.$('_')

这里面用于DOM操作的属性方法都是基于上面静态方法实现，有需要可以随时修改补充

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 选择器(兼容 String||HTMLString||NodeList||NodeArray||HTMLElement)

-   `container` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 父容器（默认为document）

#### each

[src/index.js:327-330](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L327-L330 "Source code on GitHub")

循环遍历DOM集合

**Parameters**

-   `args` **...any** 

-   `fn` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 遍历函数 fn(item, i)

Returns **[Object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object)** 

#### push

[src/index.js:337-340](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L337-L340 "Source code on GitHub")

添加元素到DOM集合

**Parameters**

-   `args` **...any** 

-   `el` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 要加入的元素

Returns **this** 

#### splice

[src/index.js:348-350](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L348-L350 "Source code on GitHub")

截取DOM集合片段，并得到新的包装器splice

**Parameters**

-   `args` **...any** 

-   `start` **Nubmer** 

-   `count` **Nubmer** 

Returns **[NodeWrap](#nodewrap)** 新的DOM集合包装器

#### find

[src/index.js:357-366](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L357-L366 "Source code on GitHub")

查找子元素

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 选择器

Returns **[NodeWrap](#nodewrap)** 新的DOM集合包装器

#### append

[src/index.js:373-378](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L373-L378 "Source code on GitHub")

添加子元素

**Parameters**

-   `childEls` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 要添加的HTML元素

Returns **this** 

#### appendTo

[src/index.js:385-388](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L385-L388 "Source code on GitHub")

将元素集合添加到指定容器

**Parameters**

-   `parentEl` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 要添加到父容器

Returns **this** 

#### text

[src/index.js:395-402](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L395-L402 "Source code on GitHub")

DOM集合text内容读写操作

**Parameters**

-   `val` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 文本内容（如果有设置该参数则执行写操作，否则执行读操作）

Returns **this** 

#### html

[src/index.js:409-416](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L409-L416 "Source code on GitHub")

DOM集合HTML内容读写操作

**Parameters**

-   `html` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** html内容（如果有设置该参数则执行写操作，否则执行读操作）

Returns **this** 

#### attr

[src/index.js:424-429](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L424-L429 "Source code on GitHub")

DOM集合属性读写操作

**Parameters**

-   `name` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 属性名称

-   `val` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 属性值（如果有设置该参数则执行写操作，否则执行读操作）

Returns **this** 

#### data

[src/index.js:437-447](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L437-L447 "Source code on GitHub")

DOM集合dataset读写操作

**Parameters**

-   `key` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 键名

-   `val` **Any** 键值（如果有设置该参数则执行写操作，否则执行读操作）

Returns **this** 

#### css

[src/index.js:455-460](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L455-L460 "Source code on GitHub")

DOM集合样式读写操作

**Parameters**

-   `key` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 样式key

-   `val` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 样式值（如果有设置该参数则执行写操作，否则执行读操作）

Returns **this** 

#### addClass

[src/index.js:467-469](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L467-L469 "Source code on GitHub")

为DOM集合增加className

**Parameters**

-   `cls` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要增加的className

Returns **this** 

#### removeClass

[src/index.js:476-478](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L476-L478 "Source code on GitHub")

移除当前DOM集合的className

**Parameters**

-   `cls` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要移除的className

Returns **this** 

#### hasClass

[src/index.js:485-487](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L485-L487 "Source code on GitHub")

检查索引0的DOM是否有className

**Parameters**

-   `cls` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 要检查的className

Returns **this** 

#### on

[src/index.js:497-499](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L497-L499 "Source code on GitHub")

为DOM集合添加事件监听

**Parameters**

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `once` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否只监听一次 (optional, default `false`)

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

Returns **this** 

#### off

[src/index.js:509-511](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L509-L511 "Source code on GitHub")

为DOM集合解除事件监听

**Parameters**

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `once` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否只监听一次 (optional, default `false`)

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

Returns **this** 

#### delegate

[src/index.js:521-523](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L521-L523 "Source code on GitHub")

为DOM集合绑定事件代理

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 目标子元素选择器

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

Returns **this** 

#### undelegate

[src/index.js:533-535](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L533-L535 "Source code on GitHub")

为DOM集合解绑事件代理

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 目标子元素选择器

-   `type` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 事件名称

-   `handler` **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** 处理函数

-   `capture` **[Boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** 是否在捕获阶段监听 (optional, default `false`)

Returns **this** 

#### remove

[src/index.js:541-543](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L541-L543 "Source code on GitHub")

从DOM树中移除

Returns **this** 

### $

[src/index.js:552-554](https://github.com/Chimeejs/chimee-helper-dom/blob/61a98968fd57e5191432ab35c781068d04988220/src/index.js#L552-L554 "Source code on GitHub")

根据选择器查询并得到目标元素的wrap包装器

**Parameters**

-   `selector` **[String](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 选择器,另外支持 HTMLString||NodeList||NodeArray||HTMLElement

-   `container` **[HTMLElement](https://developer.mozilla.org/docs/Web/HTML/Element)** 父容器

Returns **[Object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object)**