Javascript 按数据属性选择（JQuery）

我正试图通过

data attr

选择一个div，然后显示或隐藏它

例如：

$（'div.product-details'）

其中attr为1切换

.show（）

/

.hide（）

有人能告诉我怎么做吗？我好像到处都找不到

---

非常感谢

您可以使用属性值选择器按属性值获取元素：

var divObj = $('div.product-details[data-attr="1"]');

JavaScript: 您可以使用来执行此操作：

jQuery：

var elem = document.querySelector('div[data-name="alex"]');
elem.onmouseover = function() {
    this.style.opacity = '0';
}
elem.onmouseleave = function() {
    this.style.opacity = '1';
}

$('[data-name="alex"]').mouseover(function() {
    $(this).css({'opacity': '0'});
}).mouseleave(function() {
    $(this).css({'opacity': '1'});
})