jQuery的css样式操作

jQuery中css样式操作

1, 获取

$().css('属性')

直接获取标签对象,css样式的属性值

符合属性

写所有的属性,获取所有的属性

写独立的属性,获取独立的属性

支持小驼峰,也支持减号语法

2, 设定

语法1:

$().css(属性 , 属性值)

只能设定一个属性属性值

语法2:

$().css( { 属性:属性值 , 属性:属性值 , 属性:属性值.... } )

可以同时设定多个属性和属性值

     // 获取
    console.log( $('div').css('width') );
    console.log( $('div').css('fontSize') );  //小驼峰
    console.log( $('div').css('font-size') );  //减号语法
    console.log( $('div').css('border') );
 
    // 设定
    $('div').css( { 
        width:200 , 
        height:200 ,
        fontSize:30 ,  //小驼峰
        'background-color': '#000'  //减号语法
    });

jQuery的css样式操作

jQuery中css样式操作

1, 获取

符合属性

支持小驼峰,也支持减号语法

2, 设定

语法1:

语法2:

jQuery的class操作

关联标签 label

我逐你

Comments | NOTHING

取消回复

	// 获取
	console.log( $('div').css('width') );
	console.log( $('div').css('fontSize') ); //小驼峰
	console.log( $('div').css('font-size') ); //减号语法
	console.log( $('div').css('border') );

	// 设定
	$('div').css( {
	width:200 ,
	height:200 ,
	fontSize:30 , //小驼峰
	'background-color': '#000' //减号语法
	});