获取一个属性值

获取一个属性值时,直接传入这个属性的名字即可。例如我们要获取 li 这个元素的宽度,那么可以这样获取:

var liWidth = $('li').css('width') ;
console.log('li的宽度为:' + liWidth ) ;

可以在控制台看到如下输出结果:

li的宽度为:30px

获取多个属性值

获取多个属性值时,可以传入一个数组,该数组为属性名字的集合。例如我们要获取 li 这个元素的宽度、背景色、高度三个属性值,那么可以这样获取:

var styles = $('.active').css(['width' , 'height' , 'backgroundColor']) ;
console.log( '获取到的宽度值为:' + styles.width ) ;
console.log( '获取到的高度值为:' + styles.height ) ;
console.log( '获取到的背景色为:' + styles.backgroundColor ) ;

最后我们会用styles这个变量接收到一个json数据对象。
我们会在控制台看到如下信息:

获取到的宽度值为:1238px
获取到的高度值为:18px
获取到的背景色为:rgb(255, 255, 255)

需要注意的一点是,我们获取background-color这个属性时,可以使用驼峰规则来写属性名字: backgroundColor 。这样我们获取到json数据后,可以使用 styles.backgroundColor来取值。

当然了,既然是 styles 是一个json数据对象,那么我们也可以使用 $.each()进行遍历:

var styles = $('.active').css(['width' , 'height' , 'backgroundColor']) ;
$.each( styles , function( key , value ){
     console.log( '获取到的属性为:' + key + ",该属性的值为:" + value ) ;

在控制台可以看到输出内容为:

获取到的属性为:width,该属性的值为:1255px
获取到的属性为:height,该属性的值为:18px
获取到的属性为:backgroundColor,该属性的值为:rgb(255, 255, 255)

$("#tow").attr("class")获取ID为tow的class属性 $("#two").attr("class","divClass")设置Id为two的class属性。 //2、追加样式 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 //3、移除样式... 4.$.isArray(obj):判断是否是数组 5.$.isFunction(obj):判断是否是函数 6.$.parseJSON(obj):解析json字符串转换为js对象/数组 2.jQuery属性CSS 1.属性 1.attr():获取某个标签属性,或... 原标题:CSS 那么多属性,而且每个属性都有多个怎么记?层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号... ```html判断浏览器是否支持一个方法pre {font-size: 16px;font-weight: 700;position: absolute;left: 10px;}window.getComputedStyle(element, null).left; // 获取element的left样式,谷歌火狐支持。window.getComputedStyle(element, null)[...