我怎样才能用 jQuery 写这个？

Question

我的正文部分有两个链接：但我想给它们 jquery touch，因为我是 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>

llly 单击关闭后将关闭灯箱。

在我的头部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/