按数据属性选择（JQuery）[重复]答案

【问题标题】：Selecting by data-attr (JQuery) [duplicate]按数据属性选择（JQuery）[重复]
【发布时间】：2015-01-05 20:52:40
【问题描述】：

我正在尝试通过data-attr 选择一个 div，然后显示或隐藏它。

例如：$('div.product-details') 其中 attr 是 1 个切换 .show() / .hide()。

谁能告诉我如何做到这一点？我似乎在任何地方都找不到它。

非常感谢

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

JavaScript：

您可以使用document.querySelector(selector) 来执行此操作：

Fiddle

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

jQuery:

Fiddle

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

【讨论】：