css操作的CSS样式、位置和大小的方法
1。CSS1,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样式、位置和大小的全部内容。这是个人总结。如果有任何遗漏或错误,请告诉我们。本文将继续更新。