jquery中的css

标签：

1.css

  1.1 css（name）

$(function(){
alert( $("p").css("color"));

})  //rgb(255,0,0)

 1.2 css(json) 其中的json数组的值时function(index,value){ return parseFloat(value)*1.2},其中的json的对象成员是属性

 $("div").click(function() {

    $(this).css({
      width: function(index, value) {
        return parseFloat(value) * 1.2;
      }, 
      height: function(index, value) {
        return parseFloat(value) * 1.2;
      }

    });
  });

  1.3  css(name,value)

      其中name value 为对象属性和值 

   （“p”）.css("color","red");

 1.4  css(json) 将设置的对象的各个值写成json来设置对象的属性

    $("p").css({ "margin-left": "10px", "background-color": "blue" });

2位置

   2.1 offset()

   获取匹配元素在当前视口的相对偏移。

     var offset=（“div”）.offset();

    var offsetLeft=offset.left;

   var offsetTop=offset.top;

   2.2  offset(坐标)

     设置匹配元素相对于document对象的坐标。

     （“div”）.offset({left:20px,top:20px});

  2.3  position()  用法同offset（）       （补充：var p = $("p:first"); 选取p标签的第一个节点 ）

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

2.4 scrollleft（）和scrollLeft(val)   

   获取匹配元素相对滚动条左侧的偏移。

3.尺寸

  3.1  width（）和width（val）

       height()  和 height（val）

    3.2 innerWidth（）和innerHeight（）  获取不包括边框的对象长和宽

   3.3 outerHeight（boolean）  outerWidth（boolean） 若为true，计算边框  反之 不计算         

jquery中的css

标签：

原文地址：http://www.cnblogs.com/wenyan/p/4398529.html