分为以下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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)