在 jQuery 中，我们可以使用多种选择器来选取页面上的元素，其中之一就是 [name="value"][name2="value2″] 选择器。这种选择器可以根据元素的多个属性来筛选元素。
语法
[name="value"][name2="value2″] 选择器的语法非常简单，只需要将要筛选的属性和对应的值放在方括号内，并用等号连接起来。多个属性之间用中括号括起来并用逗号隔开。
示例
假设我们有以下 HTML 结构：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- ------------------------------ ----------- ------- ------ ---- ----------- ---------------- --------------------- ----- --------- ---- ----------- ----------------- ---------------------- ----- --------- ---- ----------- ------------------ ------------------------ ------ --------- ------- -------
现在我们想要选取 data-color 为 "red" 且 data-size 为 "small" 的元素，可以使用以下 jQuery 代码：
$(document).ready(function() {
var selectedBox = $('[data-color="red"][data-size="small"]');
console.log(selectedBox.text());
});上面的代码会选取符合条件的元素，并将其文本内容输出到控制台上。
注意事项
- 当使用多个属性选择器时，要确保所有条件都满足才能选取到元素。
- 如果要选取的属性值中包含特殊字符，可以使用转义字符或者引号来处理。
使用 [name="value"][name2="value2″] 选择器可以帮助我们更精准地选取页面上的元素，提高开发效率。希望本文能够帮助你更好地理解和应用这种选择器。