操作元素的特性、属性和数据
元素的特性和属性
元素的特性都是字符串
属性可以是字符串，数值和布尔型和对象
如果attributes是本来在Dom对象中就存在的，attributes和properties的值会同步
attributes是布尔型的时候和properties不同步
操作元素的特性
获取特性的值：attr(name)
设置特性的值:attr(name,value) attr(attributes)
设置多个元素的值:img.attr({
title:'new title',
alt:'new alt'
tabIndex:2
})
removeAttr('title alt class')移除属性方法
布尔型需要用属性而不能用特性
操作元素的属性
获取属性的值:prop(name)
设置属性的值:prop(name,value),prop(properties)
删除属性:removProp(name)
在元素中存取数据
data(name,value)
data方法可以保留类型
通过removeDate(name)来删除data
$.hasDate(dom)来判断元素是否存在data属性
addClass(name)来添加样式
removClass(name)来删除类
hascClass(name)是否存在一个类
toggleClass('name',switch)
判断类是否存在,存在取消,不存在添加
通过css方法来设置样式:
css('样式',value)
获取或设置元素的大小
width(),height()
innerHeight(value)包含内边距
innerWidth(vlue)
outerWidth(value)
outterHeight(value)
offset()相对于文档的位置
position()相对于父元素
scrollLeft(value)左右滚动条位置
scrollTop(value)上下滚动条位置
修改和设置元素的内容
elements.html()可以设置html代码
elements.text()把里面所有的内容都当成纯文本
移动和插入元素
append(content)在元素内部内容后插入元素
prepend(content)在元素内容前插入元素
同级
before(content)在元素外部之前插入元素
after(content)在元素外部之后插入元素
讲一个元素插入到某某位置content.appendTo(element)
content.prependTo(element)
content.beforeTo(element)
content.afterTo(element)
包裹元素
elment.wrap('<div class="box"></div>)
wrap会把每一个元素都包裹住
wrapAll()把所有的元素都会包裹住
wrapInner(wrapper)包裹元素的内容
unwrap()取消包裹元素
移除元素
remove(selector)
detach()移除元素保留事件
empty()元素内容清除,元素本身存在
替换和复制元素
clone(本身事件(t/f),子元素事件(t/f))
replaceWith(content)替换符合匹配的元素
content.replaceAll(element)替换到某某某
处理表单元素值
val()获取值,val(value)设置值
网友评论