jquery如何 获取标签是否含有class

jquery如何 获取标签是否含有class,第1张

$("h1kk")是获取所有样式为kk的h1元素。如是123所在的是第一个可以用first()获取,如下

$("h1kk")first()text() 得到的就是123

has("p")不是判断,而是筛选有p的元素

$("h1[class='kk']")也能实现,不过还不如$("h1kk")方便

一、如果是同级(兄弟元素)的,如:

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级(非兄弟元素),如:

<div class='a'></div>

<div><div class='a'></div></div>

则只能这样

$("a")click(function(){

var a=$('a')index(this);

}

扩展资料:

注意事项

jQuery 拥有若干进行 CSS *** 作的方法。

1、addClass() - 向被选元素添加一个或多个类

2、removeClass() - 从被选元素删除一个或多个类

3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

4、css() - 设置或返回样式属性

例如:

important

{

font-weight:bold;

font-size:xx-large;

}

blue

{

color:blue;

}

向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素:

实例:

$("button")click(function(){

$("h1,h2,p")addClass("blue");

$("div")addClass("important");

});

要用jquery获取类型,还是要把jquery对象转换成Dom对象才行,例如:$('#id')[0]tagName。这样就可以获取元素类型名,返回的是标签的大写名,要将它转换成小写的话就要:$('#id')[0]tagNametoLowerCase()。

jquery通过任何选择器取得的对象都是jquery,对象而不是JavaScript的dom,对象不能用js的方法进行 *** 作, 而需要使用jquery对象支持的方法 。如果是通过class的话,取得的是jquery对象数组。

ps 如果想把jquery对象装换为js对象可以用以下方法:

1 var obj = $('#xx')[0] 获得dom对象;

2 对于数组

var obj = $('xx')each(function(){alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)})。

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

获取baiclass='aaa'DIV元素:zhi$('.aaa')

$("#aaa>divaaaaaa")

获取父元素id为BBB,类为aaaaaa的元素:$("# BBB >aaaaaa")

JQuery元素选择器:

JQuery使用CSS选择器来选择HTML元素。

$("p"):选择

元素。

$("p。):选择全部

类=“介绍”的元素。

$("p#demo"):选择全部

元素id=“演示”。

扩展资料:

注意事项:

jQuery属性选择器:

jQuery使用XPath表达式来选择带有给定属性的元素。

$("[href]")选取所有带有href属性的元素。

$("[href='#']")选取所有带有href值等于"#"的元素。

$("[href!='#']")选取所有带有href值不等于"#"的元素。

$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。

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")

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

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

name就是第一个div的class名

以上就是关于jquery如何 获取标签是否含有class全部的内容,包括:jquery如何 获取标签是否含有class、jquery 怎么获取当前点击class 是第几个、jquery 判断获得元素的类型是什么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9731672.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存