如何在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/