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

$("#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

得有个规律才能找得到

比如 它是id为nav的div下的第二个超链接

$('#nav a:eq(1)')text()

或者它的属性href中包含字符串forumdisplayphp

$('#nav a')each(function(){

if($(this)attr('href')indexOf(forumdisplayphp)!=-1){

//就是这个了

alert($(this)text())

}

})

1方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(window)height();

获取浏览器显示区域（可视区域）的宽度 ：

$(window)width();

获取页面的文档高度

$(document)height();

获取页面的文档宽度 ：

$(document)width();

浏览器当前窗口文档body的高度：

$(documentbody)height();

浏览器当前窗口文档body的宽度：

$(documentbody)width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document)scrollLeft();

获取或设置元素的宽度：

$(obj)width();

获取或设置元素的高度：

$(obj)height();

某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）

2代码如下：

//返回当前页面高度

function pageHeight(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :

documentbodyclientHeight;

}else{

return selfinnerHeight;

}

};

//返回当前页面宽度

function pageWidth(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :

documentbodyclientWidth;

}else{

return selfinnerWidth;

}

};

<ul style="position: relative"> <li></li>

  <li></li>

  <li id="flag"></li>

  <li></li>

</ul>

<script>

  $(function(){

      var flag=$("#flag");

    alert(flagposition()top);//距离UI的上边距 50

    alert(flagposition()top+flagheight());//得到75，需加上自身高度

  });

</script>

可以通过position方法获取。把你的父元素设置position

1、jquery获取滚动条高度使用scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用scroll()方法，监听网页滚动。

4、然后我们使用scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append($('div')offset()top - $(window)scrollTop());

3、浏览器运行indexhtml页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

<div id="a" style="width:500px;height:400px; display:block; background-color:#eee;margin:50px auto;"></div>

//引入jQuery

<script>

var a=$("#a");

var boxX=aoffset()left;

var boxY=aoffset()top;

amousemove(function(e){

  var x = epageX;

  var y = epageY;

  var zX=x-boxX;

  var zY=y-boxY;

$(this)text("X:"+zX+"Y:"+zY);

});

</script>

原因很不好判定，这种方式定位出现错误的原因挺多的，要考虑css和html的具体写法，有时候某些不标准的写法会造成jQuery的定位数据不准确。

建议换个方式，例如每个<tr>中第一列放置一个<th></th>，后面是<td>，然后你的红框放到<th>里面，这样计算量就小多了，而且显示的也快一点。

以上就是关于jq怎样获取元素样式的数值全部的内容，包括:jq怎样获取元素样式的数值、JQuery 如何获取下面标签的值、请问如何通过jquery获取页面内容的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！