在aspx页面里的脚本里写jquery代码不放入$(document).ready();里就执行不了，没有效果是为什么

Question

 $("#<%=signUp.ClientID%>").click(function () {
            $("#loginInContainer").css("display", "none");
            $("#signUpContainer").css("display", "block");
        });
        

这段代码就是一个显示隐藏的功能，在aspx页面只有放在ready函数里才能有显示效果，但是页面加载完毕又没了，又是 $("#loginInContainer")这个div显示，后面那个div还是被隐藏住，请问有什么办法解决吗

$(document).ready(function () {
            getQuote();
            $('#new-quote').on('click', getQuote);
            $("#<%=signUp.ClientID%>").click(function () {
                $("#loginInContainer").css("display", "none");
                $("#signUpContainer").css("display", "block");
            });
        });

Answer 1

$(document).ready();可以简单理解为页面加载完以后执行回调里面的代码
你如果不把代码放到ready里，在执行js代码的时候，你的html还没加载呢。怎么可能有效果呢。
或者你如果不把代码防止ready里。也可以放到页尾，或者你操作的元素的后面就行了。
在或者你别直接用click事件
你可以用

  $(document).on("click", "#new-quote", function () {

            })