04-jQuery操作属性

jQuery操作属性

HTML标签属性

方法名	描述
jQuery.prototype.attr(key[,value])	单个参数获取jQuery对象中第一个DOM元素的指定属性值，属性不存在返回undefined 两个参数设置或修改jQuery对象中所有DOM元素的指定属性值 单个对象参数根据对象设置jQuery对象中所有DOM元素多个属性值
jQuery.prototype.removeAttr(key)	删除jQuery对象中所有DOM元素的指定属性
jQuery.prototype.prop(key[,value])	与attr()方法一样，区别是属性不存在返回false，布尔类型属性是操作布尔值，而不是属性值操作，比如checkbox、selected、disabled属性
jQuery.prototype.removeProp(key)	与removeAttr()方法一样

CSS样式属性

css中以短横线连接的属性，在jQuery中需要使用驼峰命名法

方法名	描述
jQuery.prototype.css(key[,value])	可链式操作 单个参数获取jQuery对象中第一个DOM元素指定CSS样式的值（包括外部样式） 两个参数设置或修改jQuery对象中所有DOM元素的CSS样式，以行内样式的形式 单个数组参数设置或修改jQuery对象中所有DOM元素多个CSS样式，两两一对 单个对象参数根据对象设置jQuery对象中所有DOM元素多个样式
jQuery.prototype.addClass(className)	为jQuery对象中所有DOM元素添加类名
jQuery.prototype.removeClass(className)	为jQuery对象中所有DOM元素删除类名
jQuery.prototype.toggleClass(className)	为jQuery对象中所有DOM元素切换类名，没有就添加，有就删除

内容属性

方法名	描述
jQuery.prototype.html([string])	无参获取jQuery对象中第一个DOM元素的所有HTML内容 字符串参数设置jQuery对象中所有DOM元素HTML内容
jQuery.prototype.text([string])	无参获取jQuery对象中所有DOM元素的所有文本内容，即不同元素的文本内容会合并成一个 字符串参数设置jQuery对象中所有DOM元素文本内容
jQuery.prototype.val([string])	无参获取jQuery对象中第一个表单元素value内容 字符串参数设置jQuery对象中所有表单元素value内容

尺寸属性

方法名	描述
jQuery.prototype.width([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容宽度 单个参数设置jQuery对象中所有DOM元素的内容宽度
jQuery.prototype.height([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容高度 单个参数设置jQuery对象中所有DOM元素的内容高度
jQuery.prototype.innerWidth([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容+padding宽度 单个参数设置jQuery对象中所有DOM元素的内容+padding宽度
jQuery.prototype.innerHeight([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容+padding高度 单个参数设置jQuery对象中所有DOM元素的内容+padding高度
jQuery.prototype.outerWidth([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容+padding+边框宽度 单个参数设置jQuery对象中所有DOM元素的内容+padding+边框宽度
jQuery.prototype.outerHeight([numberORstring])	无参获取jQuery对象中第一个DOM元素的内容+padding+边框高度 单个参数设置jQuery对象中所有DOM元素的内容+padding+边框高度

位置属性

方法名	描述
jQuery.prototype.offset([object])	无参获取jQuery对象中第一个DOM元素距窗口的偏移量对象 单个对象参数设置jQuery对象中所有DOM元素距窗口的偏移量
jQuery.prototype.position()	获取jQuery对象中第一个DOM元素父定位元素的偏移量对象，设置使用css()方法
jQuery.prototype.scrollTop([number])	无参获取jQuery对象中第一个DOM元素距顶部滚动距离 单个参数设置jQuery对象中所有DOM元素距顶部滚动距离 监听整个页面使用$(document)jQuery对象
jQuery.prototype.scrollLeft([number])	无参获取jQuery对象中第一个DOM元素距左部滚动距离 单个参数设置jQuery对象中所有DOM元素距左部滚动距离 监听整个页面使用$(document)jQuery对象

自定义属性

方法名	描述
jQuery.prototype.data(key[,value])	单个参数获取jQuery对象中第一个DOM元素的data-*自定义属性值 两个参数设置或修改jQuery对象中所有DOM元素的data-*自定义属性值
jQuery.prototype.removeData(key)	删除jQuery对象中所有DOM元素的指定自定义属性