jQuery获取class元素

使用jquery 获取class，jquery得到class需要知道使用jquery获取属性的方法，class本身也是元素的一个属性，jquery 获取class属性是经常要做的一个 *** 作，由于class本身也是元素的一个属性，所以可以通过attr方法来获取class的值，代码如下：

$('#demo')attr('class');

也可以使用javascript的元素对象来获取，代码如下：

$('#demo')[0]className;

jquery 设置class也是用的attr方法。

方法只有一种：

通过JQuery的class选择器方式。写法，选择器中2个class挨着写

示例

<div class='class1 class3'>class1+3</div>

<div class='class2 class3'>class2+3</div>

// 选第一个DIV的话 两个class挨着写，中间没有空格

$('class1class3')

根据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、效果演示

实现方法：在jquery代码中，首先使用attr()方法获取某元素的class，然后使用addClass()方法为另一个元素添加这个class，或者使用attr()方法为另一个元素的class赋值。下面进行实例演示:

1、新建一个HTML文件，输入如下的HTML结构。为了演示本问题，假设了一个带有背景色样式的A元素和一个红色的B元素，实现在点击按钮后将A元素的类样式（背景色）应用到B元素上。

<style>

red{color:red !important;} /红色css样式/

bg_green{background:#00cc00;} /背景色类样式/

</style>

<div id="test">

<div id="a" class="bg_green">A（我是bg_green类）</div>

<div id="b" class="red">B（我是red类）</div>

</div>

<input type="button" id="btn" value="获取A的class并应用到元素B">

2、在上面建立的文件的开头部分加入如下的jquery代码（主要步骤参见注释）：

<script>

$(function(){

$("#btn")click(function() { //点击按钮后响应下面的事件

var cls = $("#a")attr("class"); // 首先使用attr()获取A元素的类（即bg_green）

$("#b")addClass(cls); // 然后将获取的类应用到B元素上

});

});

</script>

3、保存文件，然后使用浏览器打开即可显示效果。

就是在一个元素里有3个div你要获取第一个div的类名？？！！

这样用var name=$('div')eq(0)attr('class')

name就是第一个div的class名

jquery有text()、html()、val()这三种获得标签内容的方法；

补充：

根据ID获取：$("#idName")text()，

根据标签名获取：$("p")text()，

根据类名获取：$(“class1”)text()

以上就是关于jQuery获取class元素全部的内容，包括:jQuery获取class元素、jQuery 获取有多个class名的元素、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！