jq怎样获取元素样式的数值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq怎样获取元素样式的数值相关的知识,希望对你有一定的参考价值。

var m=
left:$("#imgAnimation4").css("left"),
top:$("#imgAnimation4").css("top"),
right:$("#imgAnimation4").css("right"),
bottom:$("#imgAnimation4").css("bottom")
;
这样获取的是像”100px“的字符串,想得到数值要怎么做?

$("#msg").css("background"); //返回元素的背景颜色

$("#msg").css("background","#ccc") //设定元素背景为灰色

$("#msg").height(300); $("#msg").width("200"); //设定宽高

$("#msg").css( color: "red", background: "blue" );//以名值对的形式设定样式

$("#msg").addClass("select"); //为元素增加名称为select的class

$("#msg").removeClass("select"); //删除元素名称为select的class

$("#msg").toggleClass("select"); //如果存在(不存在)就删除(添加)名称为select的class
参考技术A parseInt($("#imgAnimation4").css("left"))本回答被提问者采纳

jquery中怎样根据父级找元素

jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
$(selector).parent().parent();
示例如下
创建Html代码及css样式
<div class="class1">
class1
<div class="class2">
class2
<div class="class3">
class3
</div>
</div>
</div>
divpadding:10px 20px;border:4px solid #ebcbbe;
div.class1width:200px;height:120px;
编写jquery代码
$(function()
$("div.class3").click(function()
obj = $(this).parent().parent();
alert(obj.prop('class'));
);
)
参考技术A $("#id").parent().find("#otherid");

以上是关于jq怎样获取元素样式的数值的主要内容,如果未能解决你的问题,请参考以下文章

js或者jq怎样获取动态生成的元素的属性比如top ,height?

jq样式方法总结

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

如何获取元素的样式值 - jQuery [重复]

JQ 遍历元素并给相应元素增加class

Jquery如何选取元素及其所有子元素?