css方法：
$("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>
原因很不好判定，这种方式定位出现错误的原因挺多的，要考虑css和html的具体写法，有时候某些不标准的写法会造成jQuery的定位数据不准确。
建议换个方式，例如每个<tr>中第一列放置一个<th></th>，后面是<td>，然后你的红框放到<th>里面，这样计算量就小多了，而且显示的也快一点。
可以使用offset() 方法，该方法返回或设置匹配元素相对于文档的偏移（位置），该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下：
可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。
var container = $('div'),
scrollTo = $('#row_8');
containerscrollTop(
scrollTooffset()top - containeroffset()top + containerscrollTop()
);
// Or you can animate the scrolling:
containeranimate({
scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()
})
var container = $('div'),
scrollTo = $('#row_8');
containerscrollTop(
scrollTooffset()top - containeroffset()top + containerscrollTop()
);
// Or you can animate the scrolling:
containeranimate({
scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()
});
不需要任何JQuery插件即可完成所需的效果，非常好用！
以上就是关于JQuery中如何获取样式属性的值全部的内容，包括:JQuery中如何获取样式属性的值、关于jquery获得元素绝对位置的问题，定位问题、jquery获取元素距离浏览器顶部的可视高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）