css操作的CSS样式、位置和大小的方法

1。CSS



1,CSS(名称)



访问第一个匹配元素的样式属性。

返回值的字符串

参数

名称(字符串):要访问的属性的名称。

实例:

复制代码代码如下所示:

$(p)。Css(颜色);第一个段落的颜色样式属性值。



2,CSS(属性)

将对象的名称值设置为匹配元素的所有样式属性,这是在所有匹配元素上设置大量样式属性的最佳方法。

返回值的jQuery

参数

属性(map):将要设置为样式属性的名称/值对

实例:

复制代码代码如下所示:

1设置红色的所有段落的颜色,背景为蓝色。

$(p)。Css({颜色:# ff0011

如果属性名包含,则为2

$(p)。Css({余地:10px



3,CSS(名称,值)

在所有匹配元素中,设置样式属性的值。该数字将自动转换为像素值。

返回值的jQuery

参数

name(value):属性名

值(字符串,数字):属性值

实例:

复制代码代码如下所示:

$(p)。Css(颜色



两。位置

1,偏移量()

获取当前视图窗口中匹配元素的相对偏移量。返回的对象包含两个塑料属性:顶部和左侧。

注意:此方法只对可见元素有效。

返回值对象{顶部,左边}

实例:

复制代码代码如下所示:

*

第二个部分获得偏移量

文档片段:hello2nd段

* /

var(=);

无功补偿= p.offset();

P.html(左offset.left + +



2,职位()

获取匹配元素相对于父元素的偏移量。

返回的对象包含两个塑料属性:顶部和左边。对于精确的计算结果,请使用像素属性和填充在框架中。此方法只对可见元素有效。

返回值对象{顶部,左边}

实例:

复制代码代码如下所示:

*

捕获/偏移的第一部分

文档片段:hello2nd段

* /

var = $();

VaR的位置= p.position();

$(p:去年)。Html(左position.left + +



3、scrollTop()

获取匹配元素相对于滚动条顶部的偏移量。

注意:此方法对可见元素和隐藏元素都有效。

返回值的整数

实例:

复制代码代码如下所示:

*

获取第一段/滚动顶部偏移量

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(scrollTop:+ p.scrolltop());



4、scrollTop(Val)

当参数值被传递时,集合滚动条的顶部被偏移到该值。此方法对可见元素和隐藏元素都有效。

返回值的jQuery

实例:

复制代码代码如下所示:

$(div.demo ),ScrollTop(300);



5、scrollLeft()

获取匹配元素相对于滚动条左侧的偏移量。此方法对可见元素和隐藏元素都有效。

返回值的整数

实例:

复制代码代码如下所示:

*

获取第一段/滚动左偏移量

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(scrollLeft:+ p.scrollleft());



6、scrollLeft(Val)

当参数值被传递时,设置的滚动条的左边被偏移到该值。

返回值的jQuery

实例:

复制代码代码如下所示:

$(div.demo ),ScrollLeft(300);



三。大小

1,高度()



获取第一个匹配元素当前计算的高度值(PX),在jQuery 1.2之后,它可以用来获取窗口和文档的高度。

返回值的整数

实例:

复制代码代码如下所示:

*

高增益的第一部分

文档片段:hello2nd段

* /

警报($())。Height());

获取高/ /文档

警报($(文档))Height());



2,高度(瓦尔)

设置CSS高度值(hidth)为每一个匹配元素的属性。如果没有明确指定单位(如EM或%),使用像素。如果没有明确指定单位(如EM或%),使用PX。

返回值的jQuery

参数

瓦迩(字符串、数):设置值of'height'in CSS

实例:

复制代码代码如下所示:

*

所有的高端设置为20

文档片段:hello2nd段

* /

$(p)。高度(20);

警报($())。Height());



3,宽度()

得到了第一匹配元件当前计算的宽度值,可用于在jQuery 1.2后获得窗口和文档的宽度。

返回值的整数

例如:0

复制代码代码如下所示:

*

广式访问的第一部分

文档片段:hello2nd段

* /

警报($())。Width());



4,宽度(瓦尔)

为每个匹配的元素设置CSS宽度(宽度)属性的值。如果没有明确指定的单位(如EM或%),使用PX。

返回值的jQuery

参数

瓦迩(字符串、数):设置属性值的css'width

实例:

复制代码代码如下所示:

*

在所有段落宽度中设置为20。

文档片段:hello2nd段

* /

$(p)。宽度(20);

警报($())。Width());



5、innerheight()

获取区域内的第一个匹配元素(包括高度、填充不包括边框)。此方法对可见元素和隐藏元素都有效。

返回值的整数

实例:

复制代码代码如下所示:

*

获取第一段/内部高度

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(innerheight:+ p.innerheight());



7、innerwidth()

获取该区域内的第一个匹配元素宽度(包括填充,不包括边界)。此方法对可见元素和隐藏元素都有效。

返回值的整数

实例:

复制代码代码如下所示:

*

获取第一段宽度的内部区域

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(innerwidth:+ p.innerwidth());



7、网页(选项)

到达第一个匹配元素(包括边框和填充区域之外的默认高度)。

返回值的整数

参数

选项(布尔):(false)当设置为true时,计算边距。

实例:

复制代码代码如下所示:

*

获取第一个高度以外的段落

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(网页:+ p.outerheight()+



8、网页(选项)

到达第一个匹配元素(包括外部边框和填充的默认宽度)。这个方法对可见元素和隐藏元素都有效。

返回值的整数

参数

选项(布尔):(false)当设置为true时,计算边距。

实例:

复制代码代码如下所示:

*

获取第一段/外部宽度

文档片段:hello2nd段

* /

var = $();

$(p:去年)。文本(边界的高度与宽度:+ p.outerwidth()+





以上是jQuery操作CSS样式、位置和大小的全部内容。这是个人总结。如果有任何遗漏或错误,请告诉我们。本文将继续更新。