选择没有类别或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一起正常工作。

我尝试过Google，但找不到任何参考。

有任何帮助，解释或链接吗？

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/