Question

让这个jquery工作有点困难。我有一个表单，其中所有字段都嵌套在div.form-group中。订阅按钮的ID为subscribe。

我希望表单字段在点击时消失...但我的js没有用完。这是我尝试过的，但无济于事：

(function($) {
    window.onload = function () {
        $("#subscribe").click(function() {
            $(".form-group").css("display: none");
        });
    }
})(jQuery);

CSS中的form-group类设置为display: block。

我有什么明显的遗失吗？非常感谢任何帮助。

欢呼声，

Answer 1

jQuery提供了一个.hide()方法作为设置隐藏元素的各种CSS指令的快捷方式（例如display: none和visibility: hidden）。

$(".form-group").hide();

如果您希望直接设置CSS，请在语句的两个元素周围加上引号：

$(".form-group").css("display", "none");

Answer 2

$(".form-group").css("display: none");

应该是

$(".form-group").css("display", "none");

                 **OR**
$(".form-group").css({ "display" : "none"});

您一直在尝试将该属性设置为single string。如果它只是您想要更改的单个属性，则应该以逗号分隔。

如果您想同时定位多个css属性，则为对象。

Answer 3

$( "#anotherid" ).on('click', function() {
        $( "#idhere" ).hide('slow');
    });

试试这个

Answer 4

$("#subscribe").click(function() {
                $(".form-group").hide()
            });
}

如何在单击其他元素时隐藏元素

4 个答案: