如何在jQuery中编写此代码？

Question

我的身体部分有两个链接：但我想给他们jQuery触摸，因为我是jQuery的初学者，无法完成它可以帮助吗？

click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a> 

点击上面的链接，它会调用以下CSS并给出灯箱效果。

<div id="light" class="white_content">Please wait as process is going on..<img src="images/ajax-loader(2).gif" /> 
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a> 
</div> 
<div id="fade" class="black_overlay"></div> 

只要点击关闭它就会关闭灯箱。

在我的头部jQuery代码是这样的：（书面的document.ready（），＃btn_submit-按钮的ID）。 .....

$("#btn_submit").bind('click', function(){ 
      //How can i write first anchor tags click in this? 
    )}; 

所有我只是想知道如何在jquery中写定位标签onclick部分。

我真的很感谢你的帮助。 预先感谢您。

Answer 1

对于这一点：

click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a> 

您可以编写jQuery代码，如：

$("#show").bind('click', function(){ 
    $('#light').css('display', 'block'); 
    $('#fade').css('display', 'block'); 
    return false; 
)}; 

而对于这一点：

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a> 

您可以编写jQuery代码：

$("#hide").bind('click', function(){ 
    $('#light').css('display', 'none'); 
    $('#fade').css('display', 'none'); 
    return false; 
)}; 

所以你的jQuery插件代码之后，您都链接应该出现这样的：

<a href="#" id="show">Click here to show</a> 
<a href="#" id="hide">Click here to hide</a> 

更多信息：

• http://api.jquery.com/css/