我叫大王来巡山

导航

 

一、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);

 

posted on 2017-02-20 16:05  我叫大王来巡山  阅读(417)  评论(0编辑  收藏  举报