1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。
3、或者你可以给元素添加类，如图，我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。
5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
参考下面代码
<div id="a" class="sssss"></div>
var divid = $("#a")attr("id");
var divClass = #("#a")attr("class");
如果有多个DIV要获取：
var ids=[],arrClass=[];
$("div")each(function(){
idspush($(this)attr("id"));
arrClasspush(#(this)attr("class"));
});
alert("ids:"+idsjoin(","));
alert("class:"+arrClassjoin(","));
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() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：
1、HTML结构
<div class="test" id="div_id">我的类是test，id是div_id</div><input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />
<div class="test">我的类是test，没有id属性</div>
<li class="test" id="li_id">我的类是test，id是li_id</li>
<input type="button" value="确定">
2、jQuery代码
$(function(){$("input[type='button']")click(function() {
var ids = [];
$("test")each(function(index, el) {
var id = $(this)attr("id");
if(typeof(id)!=='undefined'){
idspush(id)
}
});
alert(ids);
});
});
3、效果演示
文本框属于表单字段，jQuery 提供了val() 方法用以设置或返回表单字段的值，语法为$(selector)val()。下面根据不同情形，演示获取div下面一个文本框的值的方法：
1、如果已知文本框的某些属性，例如id，class，name：
$("#demo_text")val(); // 直接根据id获取
$("#test :textdemo_text")val(); // 根据class获取
$("#test :text[name='demo_text']")val(); // 根据name获取
2、如果已知文本框的相对位置
$("#test :text")first()val(); // 第一个
$("#test :text")last()val(); // 最后一个
$("#test :text")eq(1)val(); // #test下的第2个文本框
以上就是关于Jquery如何获得div下的元素全部的内容，包括:Jquery如何获得div下的元素、如何用Jquery获取某一个Div的Class或者ID、JQuery中如何获取样式属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）