NodeList
节点集合类。
NodeList ( nodes )
参数:
- nodesArray<Element>|ArrayLike<Element>
- 节点数组或类数组。
get ( [i=0] )
返回指定索引的节点。
参数:
- [i=0]Number
- 索引。如果为负数,则从末尾倒数。
返回值:
Element指定节点。
eq ( [i=0] )
返回仅包含指定索引节点的NodeList对象。
参数:
- [i=0]Number
- 索引。如果为负数,则从末尾倒数。
返回值:
NodeListNodeList对象。
first ( )
获取仅包含当前集合第一个节点的NodeList对象。
返回值:
NodeListNodeList对象。
last ( )
获取仅包含当前集合最后一个节点的NodeList对象。
返回值:
NodeListNodeList对象。
toArray ( )
把当前集合转换为数组。
返回值:
Array转换结果。
find ( selector )
以当前集合为上下文,根据选择器匹配节点。
参数:
- selectorString
- 选择器。
返回值:
NodeList由匹配到的节点组成的NodeList对象。
filter ( selector )
从当前集合中过滤出符合指定规则的节点。
参数:
- selectorString|Function
- 选择器或过滤函数。
返回值:
NodeList由过滤出的节点组成的NodeList对象。
add ( )
返回包含当前节点及匹配到的新节点的集合(无重复节点),参数同$函数。
返回值:
NodeList包含当前节点和新节点的集合。
uniqueSort ( )
对当前集合进行唯一性筛选并排序。
返回值:
NodeList当前集合。
each ( callback )
对当前集合中的每个节点执行指定函数。
参数:
- callbackFunction
- 操作函数。如果函数返回false,遍历中止。
返回值:
NodeList当前集合。
slice ( begin , [end] )
返回由当前集合中指定区间的节点组成的新集合。
参数:
- beginNumber
- 开始位置。
- [end]Number
- 结束位置(不包含)。
返回值:
NodeList新集合。
indexOf ( node , [fromIndex=0] )
在当前集合中搜索节点。
参数:
- nodeElement
- 要搜索的节点。
- [fromIndex=0]Number
- 搜索的开始位置。
返回值:
Number节点索引。
forEach ( callback , [thisArg] )
对当前集合中的每个节点执行指定函数。
参数:
- callbackFunction
- 操作函数。
- [thisArg]Any
- 操作函数中的this。
every ( callback , [thisArg] )
测试当前集合中的所有节点是否都符合指定规则。
参数:
- callbackFunction
- 规则函数。
- [thisArg]Any
- 规则函数中的this。
返回值:
Boolean测试结果。
some ( callback , [thisArg] )
测试当前集合中是否有节点符合指定规则。
参数:
- callbackFunction
- 规则函数。
- [thisArg]Any
- 规则函数中的this。
返回值:
Boolean测试结果。
map ( callback , [thisArg] )
通过映射关系创建一个新数组。
参数:
- callbackFunction
- 映射函数。
- [thisArg]Any
- 映射函数中的this。
返回值:
Array新数组。
pop ( )
移出当前集合的最后一个节点。
返回值:
Element被移出的节点。
shift ( )
移出当前集合的第一个节点。
返回值:
Element被移出的节点。
splice ( index , [howMany] , [element] )
从当前集合中移出或插入节点。
参数:
- indexNumber
- 操作位置。
- [howMany]Number
- 移出数量。如果不指定,则移出开始位置之后的所有节点。
- [element]Element*
- 向集合插入的新节点。
返回值:
Array被移出的节点所组成的数组。
attr ( name ) +2
获取当前第一个节点的属性值。
参数:
- nameString
- 属性名。
返回值:
String属性值。
attr ( name , value ) +2
设置当前所有节点的属性值。
参数:
- nameString
- 属性名。
- valueString
- 属性值。
返回值:
NodeList当前节点集合。
attr ( attrs ) +2
设置当前所有节点的属性值。
参数:
- attrsObject
- 属性字典。
返回值:
NodeList当前节点集合。
removeAttr ( names )
移除当前所有节点的指定属性。
参数:
- namesString|Array<String>
- 属性名。多个属性名用空格隔开,或者以数组传入。
返回值:
NodeList当前节点集合。
prop ( name ) +2
获取当前第一个节点的特性值。
参数:
- nameString
- 特性名。
返回值:
Any特性值。
prop ( name , value ) +2
设置当前所有节点的特性值。
参数:
- nameString
- 特性名。
- valueAny
- 特性值。
返回值:
NodeList当前节点集合。
prop ( props ) +2
设置当前所有节点的特性值。
参数:
- propsObject
- 特性字典。
返回值:
NodeList当前节点集合。
removeProp ( names )
移除当前所有节点的指定特性。
参数:
- namesString|Array<String>
- 特性名。多个特性名用空格隔开,或者以数组传入。
返回值:
NodeList当前节点集合。
text ( ) +1
获取当前第一个节点的文本内容。
返回值:
String文本内容。
text ( content ) +1
设置当前所有节点的文本内容。
参数:
- contentString|Function
- 文本内容。
返回值:
NodeList当前节点集合。
html ( ) +1
获取当前第一个节点的innerHTML。
返回值:
StringinnerHTML。
html ( ) +1
设置当前所有节点的innerHTML。
参数:
- String|Function
- innerHTML
返回值:
NodeList当前节点集合。
val ( ) +1
获取当前第一个节点的value属性值。
返回值:
Stringvalue属性值。
val ( val ) +1
设置当前所有节点的value属性值。
参数:
- valString|Function
- value属性值。
返回值:
NodeList当前节点集合。
data ( key ) +2
获取当前第一个节点的数据。
参数:
- keyString
- 数据名。
返回值:
Any数据值。
data ( key , value ) +2
设置当前所有节点的数据。
参数:
- keyString
- 数据名。
- valueAny
- 数据值。
返回值:
NodeList当前节点集合。
data ( data ) +2
设置当前所有节点的数据。
参数:
- dataObject
- 数据字典。
返回值:
NodeList当前节点集合。
removeData ( [keys] )
移除当前所有节点的数据。
参数:
- [keys]String|Array<String>
- 数据名。如果为空,则移除所有自定义数据; 多个数据名用空格隔开,或者以数组传入。
返回值:
NodeList当前节点集合。
index ( ) +2
获取当前集合第一个节点在同级节点中的位置。
返回值:
Number节点位置。
index ( selector ) +2
获取当前集合第一个节点在指定选择器匹配的节点集合中的位置。
参数:
- selectorString
- 选择器。
返回值:
Number节点位置。
index ( node ) +2
获取指定节点在当前集合中的位置。
参数:
- nodeNodeList|Element|Array
- 指定节点。
返回值:
Number节点位置。
children ( [selector] )
获取当前所有节点的子节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
next ( [selector] )
获取当前所有节点的后一个同级节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
nextAll ( [selector] )
获取当前所有节点后的所有同级节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
prev ( [selector] )
获取当前所有节点的前一个同级节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
prevAll ( [selector] )
获取当前所有节点前的所有同级节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
parent ( [selector] )
获取当前所有节点的父节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
parents ( [selector] )
获取当前所有节点的所有祖先节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
siblings ( [selector] )
获取当前所有节点的所有同级节点。
参数:
- [selector]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
nextUntil ( until , [filter] )
获取当前节点之后的同级节点,直到遇到符合指定选择器规则的节点为止。
参数:
- untilString|Element|Array<Element>
- 截止规则或节点。
- [filter]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
prevUntil ( until , [filter] )
获取当前节点之前的同级节点,直到遇到符合指定选择器规则的节点为止
参数:
- untilString|Element|Array<Element>
- 截止规则或节点
- [filter]String
- 过滤结果集的选择器
返回值:
NodeList结果集
parentsUntil ( until , [filter] )
获取当前节点的祖先节点,直到遇到符合指定选择器规则的节点为止。
参数:
- untilString|Element|Array<Element>
- 截止规则或节点。
- [filter]String
- 过滤结果集的选择器。
返回值:
NodeList结果集。
append ( target )
在当前所有节点的最后一个子节点后插入目标节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList当前节点集合。
appendTo ( target )
在目标节点的最后一个子节点后插入当前所有节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点
返回值:
NodeList包含被插入节点的节点集合。
prepend ( target )
在当前所有节点的第一个子节点前插入目标节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList当前节点集合。
prependTo ( target )
在目标节点的第一个子节点前插入当前所有节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList包含被插入节点的节点集合。
before ( target )
在当前所有节点之前插入目标节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList当前节点集合。
insertBefore ( target )
把当前节点插入到目标节点之前。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList包含被插入节点的节点集合。
after ( target )
在当前所有节点之后插入目标节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList当前节点集合。
insertAfter ( target )
把当前节点(或其副本)插入到目标节点之后。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList包含被插入节点的节点集合。
replaceWith ( target )
把当前节点替换为目标节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList当前节点集合。
replaceAll ( target )
把目标节点替换为当前节点(或其副本)。
参数:
- targetString|Element|ArrayLike<Element>|DocumentFragment
- 目标节点。
返回值:
NodeList包含被 插入节点的节点集合。。
detach ( )
把当前所有节点从其所属文档中移除,但保留其数据。
返回值:
NodeList当前节点集合。
remove ( )
把当前所有节点从其所属文档中移除,并清除其数据。
返回值:
NodeList当前节点集合。
empty ( )
移除当前所有节点下的所有后代节点。
返回值:
NodeList当前节点集合。
css ( name ) +2
获取当前第一个节点的样式值。
参数:
- nameString
- 样式名。
返回值:
String样式值。
css ( name , val ) +2
设置当前所有节点的样式值。
参数:
- nameString
- 样式名。
- valString|Number
- 样式值。
返回值:
NodeList当前节点集合。
css ( cssProps ) +2
设置当前所有节点的样式值。
参数:
- cssPropsObject
- 样式字典。
返回值:
NodeList当前节点集合。
hasClass ( className )
检查当前节点集合中是否至少有一个节点包含指定样式类。
参数:
- classNameString
- 样式类。
返回值:
Boolean是否有节点包含指定CSS样式类。
addClass ( classNames )
为当前所有节点添加样式类。
参数:
- classNamesString|Array<String>
- 样式类。多个样式类用空格隔开,或者以数组传入。
返回值:
NodeList当前节点集合。
removeClass ( classNames )
为当前所有节点移除CSS样式类。
参数:
- classNamesString|Array<String>
- 样式类。多个样式类用空格隔开,或者以数组传入; 如果为空,则移除所有样式类。
返回值:
NodeList当前节点集合。
toggleClass ( classNames , [addOrRemove] )
如果节点包含样式类,则移除;如果节点不包含样式类,则添加。
参数:
- classNamesString|Array<String>
- 样式类。多个样式类用空格隔开,或者以数组传入。
- [addOrRemove]Boolean
- 如果值为true,则强制添加样式类; 如果值为false,则强制移除样式类。
返回值:
NodeList当前节点集合。
width ( ) +1
获取当前第一个节点的宽度。
返回值:
Number节点宽度。
width ( val ) +1
设置当前所有节点的宽度。
参数:
- valNumber|String
- 宽度值(支持相对值,如+=N、-=N)。
返回值:
NodeList当前节点集合。
height ( ) +1
获取当前第一个节点的高度。
返回值:
Number节点高度。
height ( val ) +1
设置当前所有节点的高度。
参数:
- valNumber|String
- 高度值(支持相对值,如+=N、-=N)。
返回值:
NodeList当前节点集合。
innerWidth ( )
获取当前第一个节点的内部宽度(包含padding)。
返回值:
Number内部宽度。
innerHeight ( )
获取当前第一个节点的内部高度(包含padding)。
返回值:
Number内部高度。
outerWidth ( [includeMargin=false] )
获取当前第一个节点的外部宽度(包含padding、border)。
参数:
- [includeMargin=false]Boolean
- 是否包含margin。
返回值:
Number外部宽度。
outerHeight ( [includeMargin=false] )
获取当前第一个节点的外部高度(包含padding、border)。
参数:
- [includeMargin=false]Boolean
- 是否包含margin。
返回值:
Number外部高度。
show ( )
显示当前所有节点。
返回值:
NodeList当前节点集合。
hide ( )
隐藏当前所有节点。
返回值:
NodeList当前节点集合。
toggle ( [showOrHide] )
如果第一个节点是隐藏的,则显示所有节点,否则隐藏所有节点。
参数:
- [showOrHide]Boolean
- 强制指定显示或隐藏。 如果此值为true,则显示所有节点; 如果此值为false,则隐藏所有节点。
返回值:
NodeList当前节点集合。
offsetParent ( )
获取当前第一个节点最近的上级定位元素。
返回值:
Element最近的上级定位元素。
offset ( )
获取当前第一个节点相对于document的位置。
返回值:
Object位置(top、left)。
position ( )
获取当前第一个节点相对于最近的上级定位元素的位置。
返回值:
Object位置(top、left)。
scrollTop ( ) +1
获取当前第一个节点内的垂直滚动距离。
返回值:
Number垂直滚动距离。
scrollTop ( val ) +1
设置当前所有节点内的垂直滚动距离。
参数:
- valNumber
- 垂直滚动距离。
返回值:
NodeList当前节点集合。
scrollLeft ( ) +1
获取当前第一个节点内的横向滚动距离。
返回值:
Number横向滚动距离。
scrollLeft ( val ) +1
设置当前所有节点内的横向滚动距离。
参数:
- valNumber
- 横向滚动距离。
返回值:
NodeList当前节点集合。
on ( types , handler , [options] )
在当前所有节点上注册事件监听。
参数:
- typesString|Array<String>
- 事件类型。多个事件类型用空格隔开,或者以数组传入。
- handlerFunction(e)
- 监听函数。
- [options]Object
- 参数。
- [options.delegator]String
- 委托方。可接受后代元素委托。
- [options.data]Any
- 额外传入的数据。可通过事件对象的data属性获得。
返回值:
NodeList当前节点集合。
off ( [types] , [handler] )
在指定节点上移除事件监听。
参数:
- [types]String|Array<String>
- 事件类型。 多个事件类型用空格隔开,或者以数组传入; 如果为空,则移除所有事件类型的监听函数。
- [handler]Function
- 回调函数。 如果为空,则移除指定事件类型的所有监听函数。
返回值:
NodeList当前节点集合。
trigger ( type , [options] )
模拟事件触发。
参数:
- typeString
- 事件类型。
- [options]Object
- 参数设置。
- [options.bubbles]Boolean
- 是否冒泡。
- [options.data]Mixed
- 事件数据。
返回值:
NodeList当前节点集合。
animate ( endStyle , [options] , [returnPromise] )
对当前所有节点执行动画。
参数:
- endStyleObject
- 最终样式。
- [options]Object
- 其他参数。
- [options.duration=400]Number
- 动画时长(毫秒)。
- [options.easing='linear']String|Function
- 缓动函数。
- [options.onprogress]Function(value,progress,remaining)
- 动画每一帧执行后的回调函数。
- [options.oncomplete]Function
- 动画执行完成后的回调函数。
- [returnPromise]Boolean
- 为true时返回动画promise。
返回值:
NodeList|Promise当前节点集合或动画promise。
stop ( [clearQueue=false] , [jumpToEnd=false] )
停止当前所有节点的动画。
参数:
- [clearQueue=false]Boolean
- 是否清理节点的动画队列。
- [jumpToEnd=false]Boolean
- 是否跳跃到当前动画的最后一帧。
返回值:
NodeList当前节点集合。