jQuery 隐藏 future 匹配的元素

Question

<div class='my_class'></div>
<div class='my_class'></div>
<div class='my_class'></div>
<div class='my_class'></div>

jQuery('.my_class').hide();
jQuery('.some_other_class').live('click', function(){
// some other stuff that puts in another div with class 'my_class'
});

使用此脚本，前 4 个 div 将在加载时隐藏。但是，当我单击任何内容时，新的 div 将不会。如何使所有 future 匹配“my_class”的元素也自动隐藏？

编辑

我找到了这个here :

$("<style type='text/css'> .redbold{ color:#f00; font-weight:bold;}<br/>
</style>").appendTo("head");
$("<div/>").addClass("redbold").text("SOME NEWTEXT").appendTo("body");

这更符合我的使用方式。烘干机很多。

Answer 1

使用 jQuery('.my_class').live('hide');

更新:您可以使用 CSS 代码来设置 display: none;对于所有 my_class 元素？