jQuery属性和css操作API学习笔记
属性
1、属性操作
- attr(name|pro|key,val|fn) ,获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。
- removeAttr(name),从每一个匹配的元素中删除一个属性
- prop(n|p|k,v|f),获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。
- removeProp(name)用来删除由.prop()方法设置的属性集
2、css类
- addClass(class|fn),为每个匹配的元素添加指定的类名。
- removeClass([class|fn])。从所有匹配的元素中删除全部或者指定的类。
- toggleClass(class|fn[,sw]),如果存在(不存在)就删除(添加)一个类。
3、HTML代码/文本/值
- html([val|fn]),取得第一个匹配元素的html内容。
- text([val|fn])。取得所有匹配元素的内容。
- val([val|fn|arr]),获得匹配元素的当前值。,用于input
css
1、css样式
- [css(name|pro|[,val|fn])],访问匹配元素的样式属性。可以访问内部和外部样式
- [jQuery.cssHooks]直接向 jQuery 中添加钩子,用于覆盖设置或获取特定 CSS 属性时的方法
2、位置
- offset([coordinates]),获取匹配元素在当前视口的相对偏移。
- position(),获取匹配元素相对父元素的偏移。需要父级元素有定位
- scrollTop([val]),获取匹配元素相对滚动条顶部的偏移。
- scrollLeft([val]),获取匹配元素相对滚动条左侧的偏移。
2、尺寸
- height([val|fn]),取得匹配元素当前计算的高度值(px)。
- width([val|fn]),取得匹配元素当前计算的宽度值(px)。
- innerHeight(),获取第一个匹配元素内部区域高度(包括补白、不包括边框)。
- innerWidth(),获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。
- outerHeight([soptions]),获取第一个匹配元素外部高度(默认包括补白和边框)。
- outerWidth([options]),获取第一个匹配元素外部宽度(默认包括补白和边框)。