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,计算边框  反之 不计算         

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。