指引网

当前位置: 主页 > 网页制作 > jQuery >

使用jquery获取css的值

来源:网络 作者:佚名 点击: 时间:2017-08-27 11:46
[摘要] 使用jquery获取css的值或者使用jquery获取css值一般使用.css()方法,使用jquery获取css的值或者使用jquery获取css值还有使用javascript原生dom对象的方法

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

例一

var cssValue = $('#test').css('background-color');

这样写表示,取当前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

------分隔线----------------------------