所有页面上的fadeto jQuery函数，但很少(标记)元素

Question

我在网页上使用此简单脚本：

<script>
$(document).ready(function(){
    $("notowned").fadeTo(2000,0.2,function(){
   });
});
</script>

因此，"不可能"标签下方的所有元素（图像）均为灰色。但是，它与这样的程序页面非常违反，因此我想进行反面：淡出所有元素，然后将"拥有的"标签添加到那些不应该被灰色的人。我尝试了多种方法，例如制作两个标签，但它不起作用。有人可以帮助我吗？谢谢！

编辑：这是jfiddle链接http://jsfiddle.net/4tkh6/请注意，我有超过118个元素，所以我希望它们默认情况下将它们变成灰色，然后将其中一些带有标签或其他东西" Ungrey"。afaik fadetoggle完全删除了它们，因此对我不利。

Answer 1

游乐场

<notowned>标签不是HTML5中的标准标签，因此不使用它。

使用诸如<div>之类的标准元素，如果您需要'特殊分配为此目的的自定义data-*属性：

<div data-owned="0">image 1</div>
<div data-owned="1">image 2</div>
<div data-owned="0">image 3</div>
<div data-owned="0">image 4</div>
<div data-owned="0">image 5</div>

CSS示例：

[data-owned='0']{ opacity: 0.3; }
[data-owned='1']{ opacity: 1  ; }

JS/JQ切换数据状态示例：

$('[data-owned]').click(function(){
  this.dataset.owned ^= 1; // Toggle 0/1
});