jQuery 1.9.1源码分析系列（十三）之位置大小操作

先给大家展示谢 jQuery.fn.css (propertyName [, value ]| object )（函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值。如果需要删除指定的css属性，请使用该函数将其值设为空字符串(“”) 　　注意：1、如果省略了value参数，则表示获取属性值；如果指定了该参数，则表示设置属性值。2、css()函数的所有”设置”操作针对的是当前jQuery对象所匹配的每一个元素；所有”读取”操作只针对第一个匹配的元素。） jQuery.fn.offset([coordinatesObj])（设置或返回当前匹配元素（将content+paddin 在jQuery库中，位置和大小的操作对于网页动态布局和交互至关重要。本文主要分析jQuery 1.9.1版本中涉及的几个关键函数：`css()`, `offset()`, `position()`, `scrollLeft()`, `scrollTop()`, `height()`, `innerHeight()`, `outerHeight()`以及`width()`和`innerWidth()`、`outerWidth()`。 `jQuery.fn.css(propertyName [, value ]| object)`函数用于处理元素的CSS样式属性。这个函数非常灵活，既可以用来获取样式属性值，也可以用来设置。如果只传入属性名`propertyName`，则返回第一个匹配元素的样式属性值；如果同时传入属性名和值`value`，则将该样式属性设置为指定值。如果要删除某个CSS属性，可以将其值设为空字符串。注意，设置操作会应用于所有匹配元素，而读取操作仅针对第一个匹配元素。 接着，`jQuery.fn.offset([coordinatesObj])`函数用于获取或设置元素相对于文档的偏移量。返回的坐标对象包含`left`和`top`属性，表示元素的左上角距离文档左上角的像素值。这个函数只对可见元素有效，并且返回的坐标不包括任何滚动条的影响。与`position()`函数不同，`offset()`计算的是相对于文档的坐标，而`position()`计算的是相对于最近定位祖先元素的坐标。 `jQuery.fn.position()`函数则用于获取元素相对于最近定位祖先元素的偏移量，同样不考虑滚动条的影响。定位祖先元素是指CSS position属性值为absolute、relative或fixed的元素。如果元素的所有祖先都没有定位，返回的偏移与`offset()`相同。 `jQuery.fn.scrollLeft([ value ])`和`jQuery.fn.scrollTop([ value ])`这两个函数分别用于处理元素的水平和垂直滚动条偏移。它们返回或设置元素内部内容相对于滚动条的位置。如果元素没有滚动条或已滚动到边界，这两个函数会返回0。 `jQuery.fn.height([ value ])`、`jQuery.fn.innerHeight([ value ])`和`jQuery.fn.outerHeight([includeMargin])`这三个函数分别用于获取或设置元素的高度。`height()`不包括内外边距和边框，`innerHeight()`包括内边距但不包括边框和外边距，而`outerHeight()`包括内边距和边框，可选地包括外边距。同样，`jQuery.fn.width([ value ])`, `jQuery.fn.innerWidth([ value ])`和`jQuery.fn.outerWidth([includeMargin])`对应地处理元素的宽度。 这些函数在JavaScript和jQuery开发中经常使用，理解它们的工作原理和用法能够帮助开发者更有效地进行页面布局和交互设计。在实际应用中，应根据具体需求选择合适的函数，以便精确控制元素的位置、大小和滚动状态。