Javascript 显示/隐藏输入，并选择相应的输入

我有一行链接，根据单击哪个链接，某个文件会加载到“main”#DIV_main区域中，在该区域中可以查看/单击/查看内容。 HTML文件（例如HOME.HTML）是：

HOME.HTML 
<DIV id="DIV_TOP_LINKS">
    <a class="nav_links" id="a_a" href="File_one.php">one</a>
    <a class="nav_links" id="a_b" href="MAIN_UI.php">MAIN</a>
    <a class="nav_links" id="a_c" href="File_two.php">two</a>
</DIV>                      

<DIV id="DIV_main ">                
            <!-- files MAIN_UI.php, File_one/two.php etc go here -->        
</DIV>

主要的_UI.php文件如下：

        <div id="DIV_post_type">                     
             <div id="BTN_a" onclick="CH_ANGE(this, 'a_click')">Button A</div>     
             <div id="BTN_b" onclick="CH_ANGE(this, 'b_click')">Button B</div>      
             <div id="BTN_c" onclick="CH_ANGE(this, 'c_click')">Button C</div>
                            
             <button id="BTN_Post_Wall" onClick="POST_AJAX_INP_to_PHP_BUTTON()">POST</button>
        </div>

        <div id="DIV_abc">
                <div id="DIV_A_inputs">Div_A and other content
                     <input TYPE="TEXT" ID="inp_A" NAME="INP_A">                
                </div>
                
                <div id="DIV_B_inputs">Div_B and other content
                     <input TYPE="TEXT" ID="inp_B_1" NAME="INP_B_1">                     
                     <input TYPE="TEXT" ID="inp_B_2" NAME="INP_B_2">                     
                     <input TYPE="TEXT" ID="inp_B_3" NAME="INP_B_3">                     
                </div>
                
                <div id="DIV_C_inputs">
                     <input TYPE="TEXT" ID="inp_C_1" NAME="INP_C_1">
                     <input TYPE="TEXT" ID="inp_C_2" NAME="INP_C_2">
                </div>
        </div>          

按钮A
按钮B
按钮C
邮递
分区A和其他内容
分区B和其他内容

因此，我不知道如何实施的问题是：

如果看到$（document）.load函数，则$（“#BTN_a”）还有两个事件处理程序。单击并$（“#BTN_c”）。单击。这两个不起作用，然后我认为这是因为本质上，当文件HOME.HTML加载时，它们是“链接”的。只有当点击“main”链接在#DIV_main中触发加载main_UI.php文件时，BTN_a和BTN_c项才会出现在主页上。有没有办法将$（document.load）函数链接到稍后将在页面上到达的元素？或者另一个$（某物）。我可以使用jquery中的load函数吗

---

提前感谢您。

问题#1是因为您需要在动态加载的内容上使用委托事件处理程序：以后请在每篇文章中只问一个问题。@Rorymcrossan谢谢。我将用第2点和第3点补充另一个简明问题。谢谢你对第一点的答复。。我去看看。

        <div id="DIV_post_type">                     
             <div id="BTN_a" onclick="CH_ANGE(this, 'a_click')">Button A</div>     
             <div id="BTN_b" onclick="CH_ANGE(this, 'b_click')">Button B</div>      
             <div id="BTN_c" onclick="CH_ANGE(this, 'c_click')">Button C</div>
                            
             <button id="BTN_Post_Wall" onClick="POST_AJAX_INP_to_PHP_BUTTON()">POST</button>
        </div>

        <div id="DIV_abc">
                <div id="DIV_A_inputs">Div_A and other content
                     <input TYPE="TEXT" ID="inp_A" NAME="INP_A">                
                </div>
                
                <div id="DIV_B_inputs">Div_B and other content
                     <input TYPE="TEXT" ID="inp_B_1" NAME="INP_B_1">                     
                     <input TYPE="TEXT" ID="inp_B_2" NAME="INP_B_2">                     
                     <input TYPE="TEXT" ID="inp_B_3" NAME="INP_B_3">                     
                </div>
                
                <div id="DIV_C_inputs">
                     <input TYPE="TEXT" ID="inp_C_1" NAME="INP_C_1">
                     <input TYPE="TEXT" ID="inp_C_2" NAME="INP_C_2">
                </div>
        </div>