第二章 对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)
