Comment puis-je écrire ceci dans jQuery?

Question

Il ya deux liens dans ma partie du corps: mais je veux leur donner une touche jquery, comme je suis un débutant à jquery, pas en mesure de le faire, pouvez-vous aider?

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

sur cliquant lien ci-dessus, il y aura appel suivant css et donner l'effet de la visionneuse.

<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> 

llly en cliquant sur le bouton droit de la souris fermera la visionneuse.

Dans ma tête code jquery est comme ceci: (document.ready() écrit, # btn_submit- id bouton.) .....

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

Tout ce que je veux juste savoir comment écrire des balises d'ancrage sur la partie cliquable dans jquery.

J'apprécierai vraiment votre aide. Merci d'avance.

Answer 1

Pour cela:

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

Vous pouvez écrire un code jquery comme:

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

Et pour cela:

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

Vous pouvez écrire un code jquery comme:

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

Donc, après votre ajouter un code de jQuery, vos deux liens doivent apparaître comme ceci:

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

Plus d'info:

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