介绍querySelector通配符

简介

querySelector是JavaScript中常用的DOM选择器，可以通过指定特定的选择器字符串来获取相应的DOM元素，包括通过id、类、属性名、标签名等方式。

通配符则是指选择器中的特殊字符或符号，用于匹配符合条件的元素。

在querySelector中，也可以使用通配符来选择DOM元素。

使用方法

选择所有元素

通过使用通配符*，可以选择文档中的所有元素：

document.querySelectorAll('*');

选择某一类元素

使用tagName指定标签名来选择某一类元素：

document.querySelectorAll('p');

也可以使用*通配符来选择所有标签：

document.querySelectorAll('*');

选择含有指定属性的元素

使用[attribute]指定想要选择的属性：

document.querySelectorAll('[href]');

也可以使用[attribute=value]的形式指定属性的值：

document.querySelectorAll('[href="#"]');

选择某一类元素中的第一个/最后一个元素

document.querySelector('p:first-child');
document.querySelector('p:last-child');

选择某一类元素中的某一个位置的元素

document.querySelector('p:nth-child(2)'); // 选择p元素中的第二个元素

总结

querySelector中的通配符可以帮助我们更加方便的选择DOM元素，可以根据自己的需求选择不同的通配符来获取所需的元素，极大地简化了DOM操作的编写。