jquery - 无法通过 jquery 更改 CSS

Question

我有一个 div，它的 css 没有显示设置

.cookie_policy
{
color: white;
text-align: justify;
width: 50%;
margin: 2% 25%;
line-height: 20px;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-style: italic;
display:none;
}
<div class="cookie_policy">
    my html here
</div>

当下拉列表发生变化时，如果下拉列表的值为 GB，我将尝试显示 div

$("#ddlCountry").change(function () {
                if (this.value.indexOf('gb') != -1) {
                    //$('#cookie_policy').show();
                    $("#cookie_policy").css({ 'display': 'block' });
                }
                else {
                    $("#cookie_policy").css({ 'display': 'none' });
                }
                return false;
            });

但我不知道我在代码中哪里犯了错误，结果 div 没有显示。我使用 firebug 查看 css 值，然后我看到 css 仍然具有 none 属性。我使用 jquery show() 但仍然看不到 div。

我正在使用 jquery 版本 jquery-1.4.1.min.js

请指导我哪里出错了

Answer 1

您使用了错误的选择器；使用 . 而不是 # 因为你想设计一个类:

$("#ddlCountry").change(function () {
    if (this.value.indexOf('gb') != -1) {
        //$('#cookie_policy').show();
        $(".cookie_policy").css({ 'display': 'block' });
    } else {
        $(".cookie_policy").css({ 'display': 'none' });
    }
    return false;
});