jQuery基础篇之CSS操作

 

  1、css(name)    

 

  • 访问第一个匹配元素的样式属性
  • name参数是要访问的属性名称 


/*
获取第一个span的width的值
*/
$('span').css('width');


 2、 css(properties)



  • 把一个"名|值"对象设置为所有匹配元素的样式属性
  • properties参数是要设置样式属性的名|值对 


/*
属性名包含"-"的话，必须加引号
*/
$('span').css({"margin-left":"20px"})







 



3、 css(name,value)



  • 在所有匹配的元素中，设置一个样式属性的值
  • name参数是属性名
  • value参数是属性值 


/*数字会自动转化为像素*/
$('span').css("width","50");


4、 css(name,function(index,value))



  • 在所有匹配的元素中，设置一个样式属性的值
  • name参数是属性名
  • function(index,value) 参数是返回要设置的属性值--index是索引 | value是原先属性的值 

$('div').click(function(){
    $(this).css(width,function(index,value){
          return parseFloat(value)*1.4;
   });
});