第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")
第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:
1 $("#div_id")height(); // 获得的是该div本身的高度, (不包含padding,margin,border)
2 $("#div_id")outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3 $("#div_id")outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度
css方法:
1、取得第一个段落的color样式属性的值。
$("p")css("color");2、将所有段落的字体颜色设为红色并且背景为蓝色。
$("p")css({ color: "#ff0011", background: "blue" });<html><head>
<title>JQuery中如何获取样式属性的值</title>
<script type="text/javascript" src="jqueryjs"></script>
<style>
top {
background: url(Tupianjpg) no-repeat;
width: 75px;
height: 90px;
}
</style>
<script type="text/javascript">
$(function () {
var url = $("divtop")css("background-image");
alert(url);
})
</script>
</head>
<body>
<div class="top"></div>
</body>
</html>
首先,要用jquery获取到这个元素,用attr方法可以输出这个元素的标签属性。例如:
<div id='id1' class='class2'></div>
$('#id1') 获取到这个元素,有很多种获取元素方法,可参考jquery的文档。
$('#id1')attr('id'),就是获取到ID
$('#id1')attr('class'),就是获取到整个的class样式,多个样式可以自行用空格split一下。
以上就是关于“jQuery”怎么简单去获取一个“div”的高度全部的内容,包括:“jQuery”怎么简单去获取一个“div”的高度、JQuery中如何获取样式属性的值、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)