jquery指定节点设css,jquery 获取和设置节点属性 css样式

[javascript]代码库

//

$(function(){

//获取

元素的color

$("input:eq(0)").click(function(){

alert( $("p").css("color") );

});

//设置

元素的color

$("input:eq(1)").click(function(){

$("p").css("color","red")

});

//设置

元素的fontSize和backgroundColor

$("input:eq(2)").click(function(){

$("p").css({"fontSize":"30px" ,"backgroundColor":"#888888"})

});

//获取

元素的高度

$("input:eq(3)").click(function(){

alert( $("p").height() );

});

//获取

元素的宽度

$("input:eq(4)").click(function(){

alert( $("p").width() );

});

//获取

元素的高度

$("input:eq(5)").click(function(){

$("p").height("100px");

});

//获取

元素的宽度

$("input:eq(6)").click(function(){

$("p").width("400px");

});

//获取

元素的的左边距和上边距

$("input:eq(7)").click(function(){

var offset = $("p").offset();

var left = offset.left;

var top = offset.top;

alert("left:"+left+";top:"+top);

});

});

//]]>

你最喜欢的水果是?

• 苹果
• 橘子
• 菠萝