选择没有类或id

Question

$('#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>

直到现在我使用的是.class和#id选择器。

现在我看到一种新的（对我来说）选择器 - [];

它与jquery和css一起工作正常。

我试过谷歌，但找不到任何参考。

任何帮助，解释或链接？

Answer 1

它被称为属性选择器。您可能已经看到了一个属性值选择器，如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/