获取一个属性值
获取一个属性值时,直接传入这个属性的名字即可。例如我们要获取
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)[...