jquery - JQuery .css() 不显示 div 块

Question

据我所知，我已经编写了一些代码，当单击链接时应该显示一个 div 块。

的HTML：

<a href="#" id="show_1">attach more</a>
<div style="display:none" id="attached_1">
    Gogogo
</div>

和脚本：

$(function() {
    $("#$show_1").on('click', function() {
        $("#attached_1").css('display', 'block');
    })
});

但这似乎不起作用。

有人可以向我解释这是为什么吗？

score 1 · Accepted Answer

你有一个$在#导致#$show_1错误之后Uncaught Error: Syntax error, unrecognized expression: #$show_1。

$(function() {
    $("#show_1").on('click', function() {
        $("#attached_1").show();
    })
});

注意：作为客户端脚本调试的第一步，请检查浏览器控制台是否有任何错误

score 1 · Accepted Answer

$("#show_1").on('click', function() {// on   $("#$show_1") chane in   $("#show_1")
        $("#attached_1").css('display', 'block');
    })

score 1 · Accepted Answer

你有额外$的选择器，删除它，比如改变：

$("#$show_1").on('click', function() {

至

$("#show_1").on('click', function() {

score 1 · Accepted Answer

$(function() {
    $("#show_1").on('click', function() {
       ^//removed $ from here
        $("#attached_1").css('display', 'block');
    })
});

score 1 · Accepted Answer

您的语法中有一个错误。肯定是，

$(function() {
    $("#show_1").on('click', function() {
        $("#attached_1").css('display', 'block');
    })
});

5 回答 5