javascript-jquery对象的css处理

一、css基本属性处理

1.css()方法：获取css属性值。$("选择器").css(name);//获取匹配选择器的元素指定css属性值。

2.css()方法：设置css属性值。$("选择器").css(name,value);//设置匹配选择器的元素指定css属性的值。

$("p").css("border","1px solid #f00");

也可以一次设置多属性值

$("p").css({"background-color":"green","color":"white"});

二、css尺寸属性处理

1.height()和width()方法：如果要获取或设置css属性height、width的值，可以使用更为简洁的height()和width()方法，单位是像素。

$("div").width();//获取第一个div的width

$("div").width(30);//设置多有的div的width为30px；

2.innerHeight()和innerWidth()方法。用户获得或者设置元素的实际高度和宽度值。

　　--是padding+width的值。

　　　　-$("div").innerWidth();获得实际宽度，包括padding+width不包括border

3.outerHeight()和outerWidth()方法。用户获得或者设置元素的实际高度和宽度。

　　$("div").outerWidth(true);//获得实际宽度，包括padding+width+margin

三、css位置属性设置。

1.offset();获取或者设置当前元素相对窗口偏移量。

　　--$("p").offset().top;//获取第一个距离窗口向上的偏移距离。

　　--$("p").offset({"top":40,"left":15});

2.position();方法：获取当前元素相对父元素的偏移量。

　　　--$("p").position().top;//获取第一个p距离父元素向上的偏移距离。

3.scrollTop()和scrollLeft()方法：获取或者设置滚动条的位置。

　　--$("div:eq(1)").scrollTop();//获得滚动条的距离位置

　　　--$("div:eq(1)").scrollTop(37);