Test cases
Test #1 Title *
Async
Code * $('#testme' ).attr ('style' , 'position:relative;top:0;left:0;color:red;font-size:12px' );
Test #2 Title *
Async
Code * $('#testme' ).css ({
position : 'relative' ,
top : 0 ,
left : 0 ,
color : 'red' ,
fontSize : '12px'
});
Title *
Async
Code * var div = $('#testme' )[0 ].style ;
div.position = 'relative' ;
div.top = '0' ;
div.left = '0' ;
div.color = 'red' ;
div.fontSize = '12px' ;
Title *
Async
Code * $('#testme' ).attr ('style' , 'position:relative;top:0;left:0;bottom:0;right:0;float:left;line-height:20px;height:50px;width:200px;border:1px solid black;background:green;color:red;font-size:12px;font-style:italic;padding:20px;margin:20px;text-transform:uppercase;text-decoration:underline;cursor:pointer;' );
Title *
Async
Code * $('#testme' ).css ({
'position' : 'relative' ,
'top' : 0 ,
'left' : 0 ,
'bottom' : 0 ,
'right' : 0 ,
'float' : 'left' ,
'lineHeight' : '20px' ,
'height' : '50px' ,
'width' : '200px' ,
'border' : '1px solid black' ,
'background' : 'green' ,
'color' : 'red' ,
'fontSize' : '12px' ,
'fontStyle' : 'italic' ,
'padding' : '20px' ,
'margin' : '20px' ,
'textTransform' : 'uppercase' ,
'textDecoration' : 'underline' ,
'cursor' : 'pointer' ,
'color' : 'red' ,
'fontSize' : '12px'
});
Title *
Async
Code * var div = $('#testme' )[0 ].style ;
div.position = 'relative' ;
div.top = '0' ;
div.left = '0' ;
div.bottom = 0 ;
div.right = 0 ;
div.float = 'left' ;
div.lineHeight = '20px' ;
div.height = '50px' ;
div.width = '200px' ;
div.border = '1px solid black' ;
div.background = 'green' ;
div.color = 'red' ;
div.fontSize = '12px' ;
div.fontStyle = 'italic' ;
div.padding = '20px' ;
div.margin = '20px' ;
div.textTransform = 'uppercase' ;
div.textDecoration = 'underline' ;
div.cursor = 'pointer' ;
div.color = 'red' ;
div.fontSize = '12px' ;
Title *
Async
Code * $('#testme' ).attr ('style' , 'position:relative;' );
Title *
Async
Code * $('#testme' ).css ({
'position' : 'relative'
});
Title *
Async
Code * var div = $('#testme' )[0 ].style ;
div.position = 'relative' ;