状态

show()

显示元素。

用法

item.show();

hide()

隐藏元素。

用法

item.hide();

changeVisibility(visible)

更改元素是否显示。

参数

用法

// 显示元素
item.changeVisibility(true);
// 隐藏元素
item.changeVisibility(false);

isVisible()

查询元素显示状态。

返回值

• 返回值类型：boolean；
• 返回值为true，则表示当前元素处于显示状态，否则处于隐藏状态。

用法

const visible = item.isVisible();

toFront()

将元素的层级设置到最上层，即当有元素重叠时，将元素置于顶层。。

用法

item.toFront();

toBack()

将元素的层级设置到最下层，即当有元素重叠时，将元素置于底层。

用法

item.toBack();

setState(state, enable)

更新元素的状态。

参数

用法

item.setState('selected', true);
item.setState('actived', false);

clearStates(states)

清除指定的状态，如果不传states，则默认清除第一个状态。

参数

用法

// 清除selected状态
item.clearStates('selected');
// 清除active的、hover状态
item.clearStates(['actived', 'hover']);

getStates()

获取当前元素的所有状态。

返回值

• 返回值类型：array；
• 返回当前元素的所有状态，是一个字符串数组，数组中值表示元素的状态。

用法

// 获取元素的所有状态
const states = item.getStates();

hasState(state)

判断元素是否具有某种指定的状态。

参数

返回值

• 返回值类型：boolean；
• 返回值表示是否具有指定的状态，如果返回true，则说明元素有指定的状态，否则没有。

用法

// 获取元素的所有状态
const state = item.hasState('hover');