# 自定义 Element 类

该类为自定义 dom 元素element类

调用方法:由于是自定义底层基类,所以一般是你创建的元素

# 实例属性

# el

挂载的是当前元素生成的原生 HTMLElement 对象

# data

挂载单个数据对象到 html 中,目前好像没有使用,可以自定义

# 公有方法

# data(key, value) 设置数据

设置 data 对象的值

# on(eventNames, handler) 事件监听

@param eventNames 事件名

@param handler 事件

# offset(value) 设置偏移

只有四个属性有用,left、top、right、bottom

@param value 值,例: { left: 35 } 不需要单位,value 为对象{key, value}

# scroll(v) 设置滚动

只有两个属性有用, left、top

@param v 为对象{key, value}

# box() 获取元素相对视口信息

方法返回元素的大小及其相对于视口的位置

# parent() 获取父节点

方法获取父节点元素

# children(...eles) 添加多个子节点

可以添加任意数量的子节点

@param eles 必须为原生 HTMLElement 对象,可以添加多个

# removeChild(el) 移除子节点

@param el 必须为原生 HTMLElement 对象

# child(arg) 添加单个子节点

@param arg 可以为原生 HTMLElement 对象,也可以只是 string

# contains(ele)

用于检测当前DOM对象返回的节点中的子节点是否包含指定节点,返回值为布尔类型

@param ele 必须为原生 HTMLElement 对象

# className(v) 获取/设置类名

用来设置 className ,在 v 有值的情况下,没有值返回当前的 className

@param v class

# addClass(name) 添加类名

@param name string

# hasClass(name) 检查类名,返回布尔值

@param name string

# toggle(cls = 'active') 切换类名

@param cls string

# toggleClass(name) 切换类名

@param name string

# active(flag = true, cls = 'active') 设置激活类名

@param flag Boolean

@param cls string

# checked(flag = true) 设置选中/激活

@param flag Boolean

# disabled(flag = true) 设置不可编辑

@param flag Boolean

# attr(key, value) 设置属性

@param key string

@param value string/number

# removeAttr(key) 移出属性

@param key string

# html(content) 设置/获取 html 值

带参数设置 html,不带参数获取 html 值

@param content string

# val(v) 设置value

带参数设置 value,不带参数获取 value 值

# focus() 获取焦点

自动获取焦点

# cssRemoveKeys(...keys) 移出 css

通过 key 的方式移出 css

@param keys string

# css(name, value) 设置样式 css

@param name string

@param value string/number

# computedStyle() 获得计算后的样式

# show() 显示当前元素

# hide() 隐藏当前元素