jQuery中使用attr('属性名')可以返回属性的值。
语法：$(selector)attr([attribute]); // 返回attr中指定的当前选择器的属性值；
例如：
$(selector)attr('id'); // 获取选择器的id
$(selector)attr('class'); // 获取选择器的class类名
实例：
1 用jQuery获取div的class类名：
<div class="mystyle">我是div</div><script>
$('div')attr('class'); // 得到“mystyle”
</script>
2 用jQuery获取当前点击的button的id：
<button id="btn" onclick="BtnClick(this)">按钮</button><script>
function BtnClick(obj){
$(obj)attr('id'); // 得到“btn”
}
</script>
在is里获取div下的ul标签
首先要找到div的id
var oDiv=documentgetElementBvld("id"):
var oUl=oDivgetElementsByTagName("ul")[0]:
oUl就是ul要获取的标签
在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。
页面结构
样式
getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top, right, bottom, left等属性。
offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。
借用这个思路，当我们想获取元素的绝对位置时，可以递归遍历，直到元素的父元素为body为止。
关于offsetParent属性，有以下几点Tips。
先获取到div元素
用offsetTop和offsetLeft获取div相对顶部和左边的距离
代码如下：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="div1">第一个div</div>
<script>
var div1 = documentgetElementById("div1");
alert("距顶:"+div1offsetTop+",距左:"+div1offsetLeft);
</script>
</body>
</html>
1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。
3、在testhtml文件内，设置div的id属性为abc，用于下面通过该id获得div对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getdivc（）函数。
6、在js标签中，创建getdivc()函数，在函数内，通过id(abc)获得div对象，使用text()方法获得div内的值，并使用alert()方法将值输出。
7、在浏览器中打开testhtml文件，点击按钮，查看结果。
jQuery怎么简单去获取一个div的高度啊, “jQuery”怎么简单去获取一个“div”的高度？, jQuery如何简单的获取一个div的高度, 如何获取一个没有高度的div的高度
第一步, 获取你要得到高度的那个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上下的总高度
jquery怎么获取div高度建议你这样试试看：
获取你要得到高度的那个div的jQuery物件，获得方法有很多很多种，具体你可以看一下jQuery API文件里的选择器部分，在这里我只跟你说一个最直接的方法，通过id获得：$("#id")
要看你要得到的是什么高度了，jQuery里现有的三个获得高度的方法是：
$("#id")height(); 获得的是该div本身的高度, (不包含padding,margin,border)
$("#id")outerHeight(); 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#id")outerHeight(true); 包含该div本身的高度, 以及padding,border,margin上下的总高度
jquery怎么获取div的高度
<body>
<div id="myDiv" >这是一个div</div>
<script>
$(function(){
$("#myDiv")click(function(){
var height = $("#myDiv")height();
alert(height);
})
});
</script>
<style>
#myDiv{
width: 100px;
height: 100px;
border: solid 1px black;
}
</style>
</body>
jquery怎么获取div的实际高度$("div")height(300);
或者
$("div")css("height", "300px");
jquery获取一个div 下的所有a结点，如何获取？<div id="div01">
<a href="#">a1</a>
<div>
<a href="#">a2</a>
<a href="#">a2</a>
</div>
</div>
$("#div01 a"); div01里的所有a，包括a1、a2和a3
$("#div01>a"); 只有 a1
jquery怎么获取screen的高度一块给你说了吧
$(document)ready(function(){
alert($(window)height()); 浏览器当前视窗可视区域高度
alert($(document)height()); 浏览器当前视窗文件的高度
alert($(documentbody)height());浏览器当前视窗文件body的高度
alert($(documentbody)outerHeight(true));浏览器当前视窗文件body的总高度
alert($(window)width()); 浏览器当前视窗可视区域宽度
alert($(document)width());浏览器当前视窗文件物件宽度
alert($(documentbody)width());浏览器当前视窗文件body的宽度
alert($(documentbody)outerWidth(true));浏览器当前视窗文件body的总宽度
})
个人总结的资料，希望可以帮到你
以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容，包括:如何用Jquery获取某一个Div的Class或者ID、js怎么对div中的ul元素进行获取、原生JS获取页面中DIV绝对位置的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）