JQuery笔记-通过tag、class、id获取指定的dom

如下面这个dom:

JQuery笔记-通过tag、class、id获取指定的dom

从上面观察,这个a,上面是一个div其中的class是down。

通过:

$("div .down a")
#或
$("div.down a")

打印后,发现这个list就一个,如果要点击就是这样的。

$("div.down a")[0].click();
#或
$("div. down a")[0].click();

介绍下其他的元素选择:

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

属性选择器:

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

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

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

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

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

上一篇:react-router-dom v6 的基本使用


下一篇:十三、列表渲染————温开水的复习笔记