2019-02-02

操作元素的特性、属性和数据

元素的特性和属性

元素的特性都是字符串

属性可以是字符串，数值和布尔型和对象

如果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('

)

wrap会把每一个元素都包裹住

wrapAll()把所有的元素都会包裹住

wrapInner(wrapper)包裹元素的内容

unwrap()取消包裹元素

移除元素

remove(selector)

detach()移除元素保留事件

empty()元素内容清除,元素本身存在

替换和复制元素

clone(本身事件(t/f),子元素事件(t/f))

replaceWith(content)替换符合匹配的元素

content.replaceAll(element)替换到某某某

处理表单元素值

val()获取值,val(value)设置值