jQuery 中的选择器是用来选择 HTML 元素的一种强大工具。一旦掌握了选择器的使用方法,你将能够更简单、更快速地操作 DOM。本篇文章将着重介绍 jQuery 选择器交集的用法。
// 例1:选择所有class为red和class为blue的元素,并且同时满足 $('.red.blue'); // 上述代码中,选择器 .red.blue 表示同时拥有.red 和 .blue class的元素 // 例2:选择所有div和p标签,其中 div 元素的 id 为 container $('div#container, p'); // 上述代码中,选择器 div#container,p 表示同时选择id为container的div元素以及所有p元素 // 例3:选择所有含有data属性,属性值中同时包含数字42的a元素 $('a[data*="42"]'); // 上述代码中,选择器 a[data*="42"] 表示包含属性名为data且属性值中含有42的a元素
通过上述例子,我们可以看到,jQuery 选择器交集可以通过组合多个条件来选择需要的元素,可以为我们快速解决在操作 DOM 时遇到的问题。