1、.css():

获取匹配元素集合中的第一个元素的样式属性的值设置每个匹配元素的一个或多个CSS属性

添加一个样式

css(属性,属性值)

haha

haha

haha

haha

我是span

添加多个样式

        $("div").css({

"color" : "red",

"background-color":"green"

});

 

 获取样式

            console.log($("div").css("color"));

 

2、height():

获取匹配元素集合中的第一个元素的当前计算高度值。设置每一个匹配元素的高度值。

获取元素值

值为本身的值,与margin、padding、border无关

haha

haha

haha

haha

我是span

设置高度

            console.log($("div").height(50));

3、.width():

为匹配的元素集合中获取第一个元素的当前计算宽度值。给每个匹配的元素设置CSS宽度

            console.log($("div").width());

 设置宽度

        console.log($("div").width(50));

 

4、.innerHeight():

为匹配的元素集合中获取第一个元素的当前计算高度值包括padding,但是不包括border..

            console.log($("div").innerHeight());

5、innerWidth():

为匹配的元素集合中获取第一个元素的当前计算宽度值包括padding,但是不包括border

console.log($("div").innerWidth());

6、.ofset():

在匹配的元素集合中,获取的第一个元素的当前坐标,坐标相对于文档。设置匹配的元素集合中每

一个元素的坐标 ,坐标相对于文档。

没有参数为获取,添加参数为设置

haha

haha

haha

haha

我是span

7、outerHeight():

获取元素集合中第一个元素的当前计算高度值,包括padding,border和选择性的margin。返回一个整

数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回 null。

8outerWidth():

获取元素集合中第一个元素的当前计算宽度值包括padding,border和选择性的margin。 (注:返回

一个整数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回 null。)

haha

haha

haha

haha

我是span

 参数(布尔类型)

默认值为false,为true时包含margin

9、.position():

获取匹配元素中第一个元素的当前坐标,相对于offset parent的坐标。(译者注fset parent指离该元

素最近的而且被定位过的祖先元素)

haha

haha

haha

我是span

 改变div位置不影响

注意: 

position是相对于父元素的坐标

outside是相对于文档的位置

10、.scrolLeft():

获取匹配的元素集合中第一个元素的当前水平滚动条的位置。设置每个匹配元素的水平滚动条位置

11、.scrolTop():

获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条位

置。设置每个匹配元素的垂直滚动条位置

lalala

hello

参考链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: