jquery - 选择元素而不使用类或id或元素名称

This question already has answers here:

How do I target elements with an attribute that has any value in CSS?

                                    （3个答案）


                                7个月前关闭。


到目前为止，我一直使用.class和#id选择器。

现在，我看到了一种新的选择器-[]，它可以与jQuery和CSS完美配合。

我尝试了Google，但是找不到任何参考。这是什么？

$('#btn').click(function(){
$('[test]').text('323');
});

$('[test]').click(function(){
$(this).text('323');
console.log('test');
});

[test]{
background:gold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div test>TEST</div>
<br>
<button id='btn'>click</button>

最佳答案

它称为属性选择器。您可能已经看到了一个属性值选择器，例如input [type =“ checkbox”]，但是您可以在没有该值的情况下使用它们来选择设置了该属性的任何元素。

https://www.w3schools.com/css/css_attribute_selectors.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

https://www.w3schools.com/cssref/sel_attribute_value.asp

https://api.jquery.com/category/selectors/attribute-selectors/

关于jquery - 选择元素而不使用类或id或元素名称，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52454191/

上一篇：javascript - 使用 javascript for 循环在一个网页中创建 100 个小型 Iframe

下一篇：Html CSS 列表元素符号到图像不起作用

相关文章：

javascript - SoundCloud 流暂停按钮不起作用

如果已选中一定数量的复选框，JQuery 下拉列表会取消选中复选框

javascript - 如何在同一行/水平对齐 ReactJS 的 <button/> 和 <input/>？

html - 以图像为背景的悬停效果

xpath - 为什么 XPath 被认为比 CSS 选择器慢？

javascript - 如何创建动态 HTML header

javascript - 如何让<div>在页面开始加载时自动运行？

jquery - 如何垂直翻转进度条？

css - 目标位置 :sticky elements that are currently in a 'stuck' state

python-3.x - 如何使用 selenium 和 python 查找不包含某个类名的元素