Question

我在网页上使用这个简单的脚本：

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

所以＆＃34;所有元素（图像）下的所有元素（图像）＆＃34;标签显示为灰色。但是，对于像这样的程序页面来说，它是非常反直觉的，所以我想做相反的事情：淡出所有元素，然后添加＆＃34;拥有＆＃34;标签给那些不应该变灰的人。我尝试了各种方法，比如制作两个标签，但它没有用。任何人都可以帮助我吗？谢谢！

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

Answer 1

<强> Playground

<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
});

所有页面上的fadeto jquery函数，但很少（标记）元素

1 个答案: