使用jquery获取css的值及设置css值(只能获得css样式中的值)

使用jquery获取css的值一般使用css()方法，当css()只有一个参数时，表示当前对象要取这个css的值，如果是键值对形式的参数表示要给这个属性赋值，即使用jquery设置css

例一

var cssValue = $('#test').css('background-color');  //获取css的值

这样写表示，取当前id为test的对象的background-color属性

第二种通过jquery获取css的方法是通过原生dom对象来取css值，通过原生对象来取css的值，需要先通过jQuery对象取得原生对象，然后通过原生对象的style属性来获得css值

例二

var cssValue = $('#test')[0].style.backgroundColor;

或者

var cssValue = $('#test').get(0).style.backgroundColor;

注意：通过原生对象的style属性来取css的值css的样式名要用驼峰形式，使用jquery获取css一般就这两种方法，你还可以看看使用

 

jquery改变css

用jquery 设置css非常简单，jquery提供了一个用来改变对象css的方法

如果要设置单个样式属性可以这样

$('#test').css('background-color','red');

如果你要同时设置多个属性你，可以传入一个对象

$('#test').css({'background-color':'red','font-size':'20px'});

即属性值例如background-color，你也可以用驼峰形式backgroundColor，这时你可以不用单引号