前端学习JQuery篇05——基本操作（CSS）

标签：计算   scrolltop   border   元素   返回   options   hook   1.9   scrollto   

CSS

css(name|pro|[,val|fn])1.9*访问或设置匹配元素的样式属性。

• 一个参数为访问
• 两个参数为设置

jQuery.cssHooks直接向 jQuery 中添加钩子，用于覆盖设置或获取特定 CSS 属性时的方法，目的是为了标准化 CSS 属性名或创建自定义属性。

• 它的目的是为了标准化 CSS 属性名或创建自定义属性。
• 例如，某些版本基于Webkit的浏览器需要-webkit-border-radius属性来设置元素的border-radius， 而早期的Firefox版本使用-moz-border-radius属性。一个CSS hook 可以标准化这些有前缀的属性， 让.css() 接受一个单一的，标准的属性的名称（border-radius，或用DOM属性的语法，borderRadius）

位置

offset([coordinates])获取或设置匹配元素在当前浏览器窗口的相对偏移

• 无参数为获取
• 有{left:‘100‘,top:‘100‘}参数为设置

position()获取或设置匹配元素相对父元素的偏移。

• 无参数为获取
• 有{left:‘100‘,top:‘100‘}参数为设置
• 返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

scrollTop([val])获取或设置匹配元素相对滚动条顶部的偏移

scrollLeft([val])获取或设置匹配元素相对滚动条左侧的偏移。

尺寸

height([val|fn])取得或设置第一个匹配元素当前计算的高度值（px）

• 在 jQuery 1.2 以后可以用来获取 window 和 document 的高

width([val|fn])取得或设置第一个匹配元素当前计算的宽度值（px）

• 在 jQuery 1.2 以后可以用来获取 window 和 document 的宽

innerHeight()获取或设置第一个匹配元素内部区域高度（包括内边距、不包括边框）

• 此方法对可见和隐藏元素均有效

innerWidth()获取或设置第一个匹配元素内部区域宽度（包括内边距、不包括边框）

• 此方法对可见和隐藏元素均有效

outerHeight([options])获取或设置第一个匹配元素外部高度（默认包括内边距和边框）

• 此方法对可见和隐藏元素均有效

outerWidth([options])获取或设置第一个匹配元素外部宽度（默认包括补白和边框）

• 此方法对可见和隐藏元素均有效

前端学习JQuery篇05——基本操作（CSS）

标签：计算   scrolltop   border   元素   返回   options   hook   1.9   scrollto   

原文地址：https://www.cnblogs.com/no-wing/p/9398581.html