jquery基本选择器中选择id名为class的属性值如何写

//获取class方式类选择器varpwd=$("pwd")；//通过jQuery方式去获取value值alert(pwdeq(0)val())；//123456。同样和js相同的是。选择class，也是用class名称的方式获取。这里我们学习到了怎样通过jQuery去获取表单中value属性的值。用到了eq()的方法。

根据attr(attribute)获取属性名，必须知道上一级的div的class名或者id名，

或者本身知道div的class或者id要获取其他属性，都是这么做的。$("#d1")attr("xxx");xxx是你想获取的某个属性的值。

完整如下：

<div id="div1"><div class="c1" id="d1"></div></div>

$("#div1")find("div")attr("id")

$("#div1")find("div")attr("class")

思路：利用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、效果演示

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

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

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

$('body')append($('top1div span')attr('id'));

3、浏览器运行indexhtml页面，此时成功获取到了top1div类中span标签的id并打印了出来。

以上就是关于jquery基本选择器中选择id名为class的属性值如何写全部的内容，包括:jquery基本选择器中选择id名为class的属性值如何写、jquery 怎么获取div其中一个class、jquery怎样在获取同一个div下的类的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！