jQuery属性和css操作API学习笔记

属性

1、属性操作

1. attr(name|pro|key,val|fn) ，获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。
2. removeAttr(name)，从每一个匹配的元素中删除一个属性
3. prop(n|p|k,v|f)，获取匹配的元素集中第一个元素的属性（property）值或设置每一个匹配元素的一个或多个属性。
4. removeProp(name)用来删除由.prop()方法设置的属性集

2、css类

1. addClass(class|fn)，为每个匹配的元素添加指定的类名。
2. removeClass([class|fn])。从所有匹配的元素中删除全部或者指定的类。
3. toggleClass(class|fn[,sw])，如果存在（不存在）就删除（添加）一个类。

3、HTML代码/文本/值

1. html([val|fn])，取得第一个匹配元素的html内容。
2. text([val|fn])。取得所有匹配元素的内容。
3. val([val|fn|arr])，获得匹配元素的当前值。，用于input

css

1、css样式

1. [css(name|pro|[,val|fn])]，访问匹配元素的样式属性。可以访问内部和外部样式
2. [jQuery.cssHooks]直接向 jQuery 中添加钩子，用于覆盖设置或获取特定 CSS 属性时的方法

2、位置

1. offset([coordinates])，获取匹配元素在当前视口的相对偏移。
2. position()，获取匹配元素相对父元素的偏移。需要父级元素有定位
3. scrollTop([val])，获取匹配元素相对滚动条顶部的偏移。
4. scrollLeft([val])，获取匹配元素相对滚动条左侧的偏移。

2、尺寸

1. height([val|fn])，取得匹配元素当前计算的高度值（px）。
2. width([val|fn])，取得匹配元素当前计算的宽度值（px）。
3. innerHeight()，获取第一个匹配元素内部区域高度（包括补白、不包括边框）。
4. innerWidth()，获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。
5. outerHeight([soptions])，获取第一个匹配元素外部高度（默认包括补白和边框）。
6. outerWidth([options])，获取第一个匹配元素外部宽度（默认包括补白和边框）。