欢迎来到天天文库
浏览记录
ID:30778380
大小:321.22 KB
页数:7页
时间:2019-01-03
《jquery191源码分析系列(十三)之位置大小操作_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、jQuery1.9.1源码分析系列(十三)之位置大小操作先给大家展示谢jQuery.fn.css(propcrtyNanicE,value]
2、object)(函数用于设置或返回当前jQuery对象所匹配的元素的css样式屈性值。如果需要删除指定的css屈性,请使用该函数将其值设为空字符串(")注意:1、如果省略了value参数,则表示获取属性值;如果指定了该参数,则表示设置属性值。2、cssO函数的所有〃设置〃操作针对的是当前jQuery对象所匹配的每一个元素;所有〃读取〃操作只针对第一个匹配的元素。)jQu
3、ery.fn.offset([coordinatesObj])(设置或返回当前匹配元素(将content+padding+border看成一个整体)和对于当前文档的偏移,也就是和对于当前文档的坐标。该函数只对可见元素有效。该函数返回一个坐标对象(Object),该对象有一个left属性和top属性。属性值均为数字,它们都以像素(px)为单位。与position()不同的是:offset()返回的是相对于当前文档的坐标,positionO返回的是相对于其定位的祖辈元索的坐标。)jQuery.fn.positio
4、n()(返回当前匹配元素(将content+padding+border+margin看成一个整体)相对于其被定位的祖辈元素的偏移,也就是相对于被定位的祖辈元索的坐标。该函数只对可见元索冇效。所谓〃被定位的元素",就是元素的CSSposition®性值为absolute、relative或fixed(只要不是默认的static即可)。该函数返回一个坐标对彖,该对彖冇一个left属性和top属性。属性值均为数字,它们都以像素(px)为单位。与offset()不同的区别详见offseto此外,positionO函
5、数无法用于设置操作。如果当前元索的祖辈元索全部都是默认定位(static),那么该函数返回的偏移位置与offset()函数相同)jQuery.fn.scrollLeft([value])(设置或返回当前匹配元素相对于水平滚动条左侧的偏移。当一个元素的实际宽度超过其显示区域的宽度时,在一定的设置下,浏览器会为该元素显示相应的水平滚动条。此时,scrollLeftO返冋的就是该元索在可见的滚动区域左侧被隐藏部分的宽度(单位:像索)o如果水平滚动条在最左侧(也就是可见区域左侧没有被隐藏的内容),或者当前元索是不可水
6、平滚动的,那么scrollLeftO将返回0。对可见的和隐藏的元索均有效。)jQuery.fn.scrollTop([value])(设置或返冋当前匹配元素相对于垂直滚动条顶部的偏移。当一个元索的实际高度超过其显示区域的高度时,在一定的设置下,浏览器会为该元素显示相应的垂直滚动条。此时,scrollTopO返回的就是该元素在可见区域Z上被隐藏部分的高度(单位:像素)o如果垂直滚动条在最上而(也就是可见区域Z上没冇被隐藏的内容),或者当前元素是不可垂直滚动的,那么scrollTopO将返冋Oo对可见的和隐藏的元
7、素均有效)jQuery.fn.height([value])(设置或返回当前匹配元索的高度。该高度值不包括元素的外边距(margin)、内边距(padding)、边框(border)等部分的高度。如下图border-mmarginpaddingelement■rheightJL如果你要获取包括上述某部分在内的高度,请使用irmerHeightO和outerHeight()。该函数属于jQuery对象(实例),并且对不口J见的元索依然冇效)jQuery.fn.inncrHcight([value])(设置或返回
8、当前匹配元素的内高度。该高度值包括内边距(padding),但不包括元索的外边距(margin)>边框(border)等部分的高度。如下图:marqmborderinnerHeight该函数屈于jQuery对象(实例),并月.对不可见的元素依然冇效)jQuery.fn.outerHeight([inc1udeMargin])(设置或返回当前匹配元素的外高度。该高度值包括内边距(padding)、边框(border),但不包括元素的外边距(margin)部分的高度。你也叮以指定参数为true,以包括外边距(ma
9、rgin)部分的高度如下图:marqmborderTouterHeight(true)outerHeight该函数属于jQuery对象(实例),并且对不可见的元素依然有效)jQuery.fn.width([value])(描述:略)jQuery.fn.innerWidth([value])(描述:略)jQuery.fn.outcrWidth([includcMargin])(描述:略)借用孤月蓝风上
此文档下载收益归作者所有