jquery 选择器 怎样获取class='aaa'的DIV元素

jquery 选择器 怎样获取class='aaa'的DIV元素,第1张

获取class='aaa'的DIV元素:$('aaa')

获取父级元素id为aaa的div元素:$("#aaa>divaaaaaa")

获取父级元素id为bbb自身类为aaaaaa的元素:$("#bbb>aaaaaa")

jQuery 元素选择器:

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") :选取 <p> 元素。

$("pintro") :选取所有 class="intro" 的 <p> 元素。

$("p#demo") :选取所有 id="demo" 的 <p> 元素。

扩展资料:

jQuery 属性选择器:

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

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

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

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

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

js获取元素的class名:

var className=documentgetElementsByClassName('names')[0];

jquery获取元素的class名:

var className = $('names')atrr('class');

相关概念

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

jquery可以用attr函数来获取class的值。

1、新建html文档,在head标签中引入jquery的js文件或者cdn链接:

2、在body标签中添加一个div标签,设置div的“id”为“test”,设置div的类名“class”为“demo”:

3、添加代码“$('#test')attr('class')”,其中“$('#test')”指的是根据id“test”选择这个div,“attr('class')”指的是使用“attr”函数获取类名“class”的值:

div [class^="aaa"]

匹配具有class属性、且值以aaa开头的div元素,再根据这个找出其名称。

即变成了:

$("[aaa]")

没有试过,附点资料你可以参考一下:

基本选择器(3种):

$("标签名"),如$("p")是选取了所有的p标签节点

$("#id名"),如$("#test")是选取了id为test的标签节点

$("class名"),如$("test")是选取了所有class为test的标签节点

上面的$("标签名")和$("class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等

:匹配所有元素

以上就是关于jquery 选择器 怎样获取class='aaa'的DIV元素全部的内容,包括:jquery 选择器 怎样获取class='aaa'的DIV元素、js怎么获取元素的class名、jquery怎么取class的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存