jQueryDom的操作(2)

第二章 对jQuery对象的属性、特性以及数据的操作

操作元素的特性和属性值

元素的特性和属性

特性attributes vs 属性properties

• attributes ：值为string
• properties：值为string、boolean、number、object
  如果attributes是本来在DOM对象中存在的，attributes和properties的值会同步；
  如果attributes是本来在DOM对象中存在的，但是类型为Boolean，那么attributes和properties的值不会同步；
  如果attributes不是DOM对象内建的属性，attributes和properties的值就不会同步；

操作元素的特性

• 获取特性的值：attr(name)

• 设置特性的值：attr(name,value) attr(attributes)

• 删除特性: removeAttr(name)

• 获取属性的值：prop(name)

• 设置属性的值：prop(name,value) prop(properties)

• 删除属性: removeProp(name)

在元素中存取数据

• 获取数据的值：date([name])
• 设置数据的值：date(name,value) date(object)
• 删除数据：removeDate([name])
• 判断是否有数据：jQuery.hasDate(element)

在页面中操作 DOM 元素

$修改元素样式

添加或修改 class

• addClass(names)
• removeClass(names)
• toggleClass([names][, switch])
• hasClass(name)

获取或设置 style

• css(name, value)
• css(properties)
• css(name)

获取或设置元素尺寸

• width(value)
• height(value)
• innerHeight(value)
• innerWidth(value)
• outerHeight ([includeMargin])
• outerHeight(value)
• outerWidth ([includeMargin])
• outerWidth(value)

获取或设置位置和滚动

• offset(coordinates)
• position()
• scrollLeft(value)
• scrollTop(value)

$修改元素内容

获取或设置元素内容

• html()
• html(content)
• text()
• text(content)

移动或插入元素

• append(content[, content, ..., content])
• prepend(content[, content, ..., content])
• before(content[, content, ..., content])
• after(content[, content, ..., content])
• appendTo(target)
• prependTo(target)
• insertBefore(target)
• insertAfter(target)

包裹元素

• wrap(wrapper)
• wrapAll(wrapper)
• wrapInner(wrapper)
• unwrap()

移除元素

• remove([selector])
• detach([selector])
• empty()

复制和替换元素

• clone([Even[,deepEven]])
• replaceWith(content)
• replaceAll(target)

处理表单元素值

• val()
• val(value)