Dom节点的各种操作方法
.dom( html )
将一段HTML源代码转换为dom元素
参数类型介绍
htmlstringHTML代码
.checked( value )
增删改查checked状态,优先在HTML属性中检查,更新同时也会更新HTML属性
参数类型介绍
valuefalse/true状态值
不传入时表示返回当前状态
.selected( value )
增删改查selected状态,优先在HTML属性中检查,更新同时也会更新HTML属性
参数类型介绍
valuefalse/true状态值
不传入时表示返回当前状态
.disabled( value )
增删改查disabled状态,优先在HTML属性中检查,更新同时也会更新HTML属性
参数类型介绍
valuefalse/true状态值
不传入时表示返回当前状态
.active( value )
增删改查active状态,优先在HTML属性中检查,更新同时也会更新HTML属性
参数类型介绍
valuefalse/true状态值
不传入时表示返回当前状态
.addClass( name , delayTime )
参数类型介绍
namestring需要添加的class
多个以空格隔开即可
delayTimemilliSecond延迟一定时间后才添加(毫秒)
.removeClass( name , delayTime )
参数类型介绍
namestring需要移除的class
多个class,以空格隔开即可
delayTimemilliSecond延迟一定时间后才移除(毫秒)
.hasClass( name )
参数类型介绍
namestring需要检查的class
多个以空格隔开即可
.height( value , isMargin )
增强型尺寸操作
参数类型介绍
valuenumber/true不传值为获取模式
true=获取包含padding/border的高度
isMarginnull/true默认值为空
true=获取的高度包含margin

包含两种模式:

1、设定高度值 .height(1000)

2、获取高度值 .height() | .height(true) | .height(true,true)

.width( value , isMargin )
参数类型介绍
valuenumber/true默认值为空
true=获取包含padding/border的宽度
isMarginnull/true默认值为空
true=获取的宽度包含margin

包含两种模式:

1、设定宽度值 .width(1000)

2、获取宽度值 .width() | .width(true) | .width(true,true)

.scrollTop( number , AnimationTime )
参数类型介绍
numberint 必需
需要垂直滚动的坐标
isAnimationint默认=0 (无动画)
滚动动画执行时间(毫秒)
true = 默认时间(500ms)
.scrollLeft( number , AnimationTime )
参数类型介绍
numberint 必需
需要横向滚动的坐标
isAnimationint默认=0 (无动画)
滚动动画执行时间(毫秒)
true = 默认时间(500ms)
.attr( key , value )
获取元素HTML属性,keyvalue不传时返回所有属性的对象
参数类型介绍
keystring/Object可以传入一个JSON对象用于批量设置,此时参数2失效
valuestring/true/false/''空值('')=删除模式
true|false=特殊值

不传入参数时,返回被选定元素的所有属性值

.prop( key , value )
与jQuery.prop相同的用法
参数类型介绍
keystring/Object可以传入一个JSON对象用于批量设置,此时参数2失效
valuestring/true/false/''空值('')=删除模式
true|false=特殊值
.removeAttr( value )
移除被选定元素的指定属性
参数类型介绍
valuestring需要移除的属性名,多个以空格隔开
.prop( key , value )
操作元素DOM属性值(注:这里操作的是DOM,不是元素的html属性)
参数类型介绍
keystring属性名(多个以空格分开)
value任意值空值('')=删除模式
.checked( value )
操作元素的checked属性(支持任意元素)
参数类型介绍
valuetrue/false只支持布尔值、1、0
.selected( value )
操作元素的selected属性(支持任意元素)
参数类型介绍
valuetrue/false只支持布尔值、1、0
.disabled( value )
操作元素的disabled属性(支持任意元素)
参数类型介绍
valuetrue/false只支持布尔值、1、0
.active( value )
操作元素的active属性(支持任意元素)
参数类型介绍
valuetrue/false只支持布尔值、1、0
.data( key , value)
不传入参数时,返回被选定元素的所有-data数据
参数类型介绍
keystring/Object可以传入一个JSON对象用于批量设置,此时参数2失效
value任意类型/空值空值('')=删除模式
只有写入值为非json对象时才会给元素添加attr
.removeData( value )
移除被选定元素指定的-data名
参数类型介绍
valuestring需要移除的data属性名
.empty()
清空被选定元素的内容
该方法没有参数
.val( content )

设置和返回被选定元素的值(表单元素)

参数类型介绍
contentstring需要写入的值
不传值或null时,为值获取模式
.text( content )
设置和返回被选定元素的纯文本值(多用于表单元素)
参数介绍
content需要写入的纯文本
不传值或null时,为值获取模式
.contents()

返回被选定元素所有直接子级元素(包括文本节点)

.html( content )
设置和返回被选定元素的HTML源码
参数介绍
content不传值或null时,为值获取模式
支持ksa对象 元素节点 节点列表 html源码
.remove()
移除被选定元素
该方法没有参数
.after( content )
在被选定元素的后面添加 content
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.before( content )
在被选定元素的前面添加 content
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.append( content )
在被选定元素 内容的后面添加 content
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.prepend( content )
在被选定元素 内容的前面添加 content
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.wrap( content )
content包裹每个被选定元素
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.wrapAll( content )
content将所有被选定元素包裹在一起
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
包裹后的插入位置为第一个被选定元素前面
.wrapInner( content )
content包裹每个被选定元素的内容
参数介绍
content支持:ksa对象 元素节点 节点列表 html源码
.show()
显示所有被选定元素

该方法没有参数

原理为 style.display = block

.hide()
隐藏所有被选定元素

该方法没有参数

原理为 style.display = none

.eq( index )
选择index元素为新的集合
参数介绍
index一个整数,指示元素的位置,以0为基数。
如需指定多个时,传入数组对象[1,2,3]
.index()
返回第一个被选定元素基于父级的位置序号

该方法没有参数

.first()
返回第一个被选定元素

该方法没有参数

.last()
返回第一个被选定元素

该方法没有参数

.is( selector )
检查被选定元素集合是否能被选择器选中
参数介绍
selectorcss选择器语法
.find( selector )
在被选定元素集合中 使用选择器选中所有符合的子孙元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.children( selector )
在被选定元素集合中 使用选择器选中所有符合的直接子元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.childAll( selector )
在被选定元素集合中 使用选择器选中所有符合的直接子元素或节点
参数介绍
selectorcss选择器语法
范围为所有直接子级,包括文本节点
.siblings( selector )
使用选择器选中被选定元素集合所有同父级元素(不包括自己)
参数介绍
selectorcss选择器语法
文本节点会被忽略
.parent( selector )
使用选择器选中被选定元素的父级元素
参数介绍
selectorcss选择器语法
.parents( selector )
使用选择器选中被选定元素的祖先级元素
参数介绍
selectorcss选择器语法
.prev( selector )
使用选择器选中被选定元素的前一个元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.prevAll( selector )
使用选择器选中被选定元素之前的所有元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.next( selector )
使用选择器选中被选定元素的后一个元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.nextAll( selector )
使用选择器选中被选定元素之后的所有元素
参数介绍
selectorcss选择器语法
文本节点会被忽略
.offset()
返回第一个被选定元素的坐标值(基于视窗)
该函数没有参数
.css( key , value)
设置或返回被选定元素的CSS样式
参数类型介绍
keystring/Object可以传入一个JSON对象用于批量设置,此时参数2失效
valuestring/''空值('')=删除模式
模板引擎
基本语法