国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery 1.9.1源碼分析系列(十三)之位置大小操作

2019-11-20 11:05:59
字體:
供稿:網(wǎng)友

先給大家展示謝

jQuery.fn.css (propertyName [, value ]| object )(函數(shù)用于設(shè)置或返回當(dāng)前jQuery對(duì)象所匹配的元素的css樣式屬性值。如果需要?jiǎng)h除指定的css屬性,請(qǐng)使用該函數(shù)將其值設(shè)為空字符串("")

  注意:1、如果省略了value參數(shù),則表示獲取屬性值;如果指定了該參數(shù),則表示設(shè)置屬性值。2、css()函數(shù)的所有"設(shè)置"操作針對(duì)的是當(dāng)前jQuery對(duì)象所匹配的每一個(gè)元素;所有"讀取"操作只針對(duì)第一個(gè)匹配的元素。)

jQuery.fn.offset([coordinatesObj])(設(shè)置或返回當(dāng)前匹配元素(將content+padding+border看成一個(gè)整體)相對(duì)于當(dāng)前文檔的偏移,也就是相對(duì)于當(dāng)前文檔的坐標(biāo)。該函數(shù)只對(duì)可見元素有效。該函數(shù)返回一個(gè)坐標(biāo)對(duì)象(Object),該對(duì)象有一個(gè)left屬性和top屬性。屬性值均為數(shù)字,它們都以像素(px)為單位。與position()不同的是:offset()返回的是相對(duì)于當(dāng)前文檔的坐標(biāo),position()返回的是相對(duì)于其定位的祖輩元素的坐標(biāo)。)

jQuery.fn.position()(返回當(dāng)前匹配元素(將content+padding+border+margin看成一個(gè)整體)相對(duì)于其被定位的祖輩元素的偏移,也就是相對(duì)于被定位的祖輩元素的坐標(biāo)。該函數(shù)只對(duì)可見元素有效。所謂"被定位的元素",就是元素的CSS position屬性值為absolute、relative或fixed(只要不是默認(rèn)的static即可)。該函數(shù)返回一個(gè)坐標(biāo)對(duì)象,該對(duì)象有一個(gè)left屬性和top屬性。屬性值均為數(shù)字,它們都以像素(px)為單位。與offset()不同的區(qū)別詳見offset。此外,position()函數(shù)無法用于設(shè)置操作。如果當(dāng)前元素的祖輩元素全部都是默認(rèn)定位(static),那么該函數(shù)返回的偏移位置與offset()函數(shù)相同)

jQuery.fn.scrollLeft([ value ])(設(shè)置或返回當(dāng)前匹配元素相對(duì)于水平滾動(dòng)條左側(cè)的偏移。當(dāng)一個(gè)元素的實(shí)際寬度超過其顯示區(qū)域的寬度時(shí),在一定的設(shè)置下,瀏覽器會(huì)為該元素顯示相應(yīng)的水平滾動(dòng)條。此時(shí),scrollLeft()返回的就是該元素在可見的滾動(dòng)區(qū)域左側(cè)被隱藏部分的寬度(單位:像素)。

  如果水平滾動(dòng)條在最左側(cè)(也就是可見區(qū)域左側(cè)沒有被隱藏的內(nèi)容),或者當(dāng)前元素是不可水平滾動(dòng)的,那么scrollLeft()將返回0。對(duì)可見的和隱藏的元素均有效。)

jQuery.fn.scrollTop([ value ])(設(shè)置或返回當(dāng)前匹配元素相對(duì)于垂直滾動(dòng)條頂部的偏移。當(dāng)一個(gè)元素的實(shí)際高度超過其顯示區(qū)域的高度時(shí),在一定的設(shè)置下,瀏覽器會(huì)為該元素顯示相應(yīng)的垂直滾動(dòng)條。此時(shí),scrollTop()返回的就是該元素在可見區(qū)域之上被隱藏部分的高度(單位:像素)。如果垂直滾動(dòng)條在最上面(也就是可見區(qū)域之上沒有被隱藏的內(nèi)容),或者當(dāng)前元素是不可垂直滾動(dòng)的,那么scrollTop()將返回0。對(duì)可見的和隱藏的元素均有效)

jQuery.fn.height([ value ])(設(shè)置或返回當(dāng)前匹配元素的高度。該高度值不包括元素的外邊距(margin)、內(nèi)邊距(padding)、邊框(border)等部分的高度。如下圖

  

  如果你要獲取包括上述某部分在內(nèi)的高度,請(qǐng)使用innerHeight()和outerHeight()。該函數(shù)屬于jQuery對(duì)象(實(shí)例),并且對(duì)不可見的元素依然有效)

jQuery.fn.innerHeight([ value ])(設(shè)置或返回當(dāng)前匹配元素的內(nèi)高度。該高度值包括內(nèi)邊距(padding),但不包括元素的外邊距(margin)、邊框(border)等部分的高度。如下圖:

  

  該函數(shù)屬于jQuery對(duì)象(實(shí)例),并且對(duì)不可見的元素依然有效)

jQuery.fn.outerHeight([includeMargin])(設(shè)置或返回當(dāng)前匹配元素的外高度。該高度值包括內(nèi)邊距(padding) 、邊框(border),但不包括元素的外邊距(margin)部分的高度。你也可以指定參數(shù)為true,以包括外邊距(margin)部分的高度如下圖:

  

  該函數(shù)屬于jQuery對(duì)象(實(shí)例),并且對(duì)不可見的元素依然有效)

jQuery.fn.width([ value ])(描述:略)

jQuery.fn.innerWidth ([ value ])(描述:略)

jQuery.fn.outerWidth ([includeMargin])(描述:略)

  借用孤月藍(lán)風(fēng)上色的詳解圖

 

  接下來分析部分函數(shù)。

a.jQuery.fn.offset分析

  offset獲取的方法如下(以top為例):

  offset.top = elem距瀏覽器視窗頂部的位置 + 文檔頂部被卷起來的部分

主站蜘蛛池模板: 利辛县| 石屏县| 彭泽县| 东至县| 灵武市| 永兴县| 滨海县| 河间市| 来凤县| 固镇县| 舒城县| 固安县| 建始县| 卓尼县| 本溪| 麻江县| 武穴市| 商都县| 志丹县| 上高县| 抚顺县| 新化县| 英吉沙县| 顺平县| 磐石市| 抚州市| 安阳市| 开平市| 合川市| 罗定市| 贵阳市| 雷州市| 巴林右旗| 南涧| 黑水县| 昌吉市| 阳原县| 鄂伦春自治旗| 衡东县| 永兴县| 桐乡市|