所以我试图创建一个能够被过滤的东西列表(通过 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();
});