失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jquery指定节点设css jquery 获取和设置节点属性 css样式

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

时间:2019-09-11 18:28:37

相关推荐

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);

});

});

//]]>

你最喜欢的水果是?

苹果橘子菠萝

如果觉得《jquery指定节点设css jquery 获取和设置节点属性 css样式》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。