jQuery中如何选择多个class的值

jQuery中如何选择多个class的值,第1张

jq可以支持多选择器

比如:

<div class="a">1</div>

<div class="b">2</div>

<div class="c">3</div>

<script src=";

通过each就可以获取到被选择的选择器的内容。

分为以下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就删除,没有就添加。

假设你把所有的src值放进一个数组里,然后打印这个数组

$(function() {

var arr = new Array();

$("cp")each(function() {

arrpush($(this)attr("src"));

});

alert(arr);

});

运行测试通过……

或者

$(function() {

var arr = new Array();

$("img")each(function() {

if($(this)attr("class") == "cp") {

arrpush($(this)attr("src"));

}

});

alert(arr);

});

<span class="se" onClick="gc(this)">sef</span>

貌似不用JQUERY更方便吧

function gc(obj){

alert(objclassName);

}

如果一定要用JQ的话

function gc(obj){

var css = $(obj)attr("class");

alert(css);

}

兄弟,下次要是发此类问题的话可能贴 下代码,比如SPAN的

class里面是用空格分隔的多个值,如果想判断有没有一个值的话可以用hasClass()方法,如果想查找的话可以用$("divclassName");如果想获取所有的class可以用$("div")attr("class");

如果想设置class的话用addClass()方法,如果想去掉某个class可以用removeClass()方法

(1)选择某一个对象利用jquery中的Sibling,Parent,Children等方法向上或者向下查找即可

(2)注意:如果该标签是input标签取值用val方法,如果为其他用html或者text方法

(3)延伸下:可以利用当前事件的this来快速获得class的值,如果可能的话,或者利用find方法来快速查找,更加快捷

以上就是关于jQuery中如何选择多个class的值全部的内容,包括:jQuery中如何选择多个class的值、jquery怎么获取下一个具有指定样式(class)的元素呢、jquery得到同一class的多个src属性值怎么弄等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存