所以我试图创建一个能够被过滤的东西列表(通过 jQuery 的 .hide()),但它不起作用。
jsFiddle(HTML 代码太长,无法在此处发布):http: //jsfiddle.net/DTXHd/
例子:
$(".btn").click(function () {
$("div .retired").hide();
});
所以我试图创建一个能够被过滤的东西列表(通过 jQuery 的 .hide()),但它不起作用。
jsFiddle(HTML 代码太长,无法在此处发布):http: //jsfiddle.net/DTXHd/
例子:
$(".btn").click(function () {
$("div .retired").hide();
});
$(document).on("click", ".btn", function () {
$(".retired").hide();
});
只用.retired
注意:该.on()
方法将事件处理程序附加到 jQuery 对象中当前选定的元素集。从 jQuery 1.7 开始,该.on()
方法提供了附加事件处理程序所需的所有功能。有关从旧的 jQuery 事件方法转换的帮助,请参阅.bind()
、.delegate()
和.live()
。要删除与 绑定的事件.on()
,请参阅.off()
。要附加仅运行一次然后自行删除的事件,请参阅.one()
。
尝试
$(".btn").click(function () {
$("div.retired").hide();
});
删除div .retired
.
您有一个不属于您的选择器的空间。
代码应如下所示:
$(".btn").click(function () {
$("div.retired").hide();
});
这意味着选择具有已退休类别的 div。当您包含空间时,它意味着其他东西......具有退休类的元素是 div 元素的子元素。
这是您更新的 Fiddle... 演示
$(".btn").click(function () {
$(".retired").hide();
});
演示:http: //jsfiddle.net/DTXHd/4/
你可以使用这个。如果要根据其类选择 div,请使用.yourclassname
. 如果要根据 id 选择 div,请使用#yourid
.
你在 'div' 和 class 'retired' 之间多出了一个空格。
$(".btn").click(function () {
$("div.retired").hide();
});