jquery怎么获取下一个具有指定样式(class)的元素呢

jquery怎么获取下一个具有指定样式(class)的元素呢,第1张

分为以下2种情况: 

1如果css写成行内样式,可以通过获取style属性的值来判断,示例如下: 

判断id为divid的div元素是否有font-size样式:

2如果css写成类样式,可以通过获取class属性的值来判断,示例如下: 

判断id为divid的div元素是否含有类样式divclass:

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class1

removeClass 

描述: 移除集合中每个匹配元素上一个,多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除1

toggleClass 

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

$('div')toggleClass('className');//如果div上有这个class就删除,没有就添加。

jQuery的元素选择器可以根据class选择元素。例如,获取class='aaa'的DIV元素的代码为:$("divaaa")

。下面提供一个具体的示例,HTML结构如下:

<div

id='a'><div

class='aaa'></div></div>

<div

id='b'><div

class='aaa'></div></div>

<div

id='c'><div

class='aaa'></div></div>

1、获取id为b的div下的aaa类元素

$("divaaa")获取的是所有的aaa类,如果限定为b元素下的aaa类,可以配合后代选择器使用,代码为:$("div#b

divaaa")

2、获取id为a或者c的div下的aaa类元素

如果需要获取多个不同类型的对象,可以使用逗号(,)分隔,所以相应代码为:

$("#a

aaa,

#c

aaa")

可以选择所有相同class的元素,然后使用其length属性:

var $elements = $('className');

var len = $elementslength;

alert('有 ' + len + ' 个相同class');

$elementseach(function() {

var $this = $(this);

alert($thisprop('tagName'));

});

var val=$("div")attr("class");//这里获取class值

var array=valsplit(" ");//split双引号里面是空格,把class值用空格分开,转换为数组

那么,array[0]就获得home; arrya[1]获得class

根据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怎么获取下一个具有指定样式(class)的元素呢全部的内容,包括:jquery怎么获取下一个具有指定样式(class)的元素呢、jquery 选择器 怎样获取class='aaa'的DIV元素、jquery怎么获取页面上有多少个相同class等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9287882.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存