2008-11-03 38 views
13

我正在尋找一個很好的10分鐘介紹使用JQuery的不顯眼的Javascript。我對這個概念完全陌生,我想看看事件綁定和這些工作如何。不顯眼的JavaScript與jQuery - 好10分鐘的教程?

作爲一些背景,我正在尋找一個「刪除這個標籤」系統,類似於我們在這裏所擁有的。看看源代碼,我沒有看到任何js,只是一個img標籤。這讓我覺得必須有外部的js綁定到click事件。我想知道如何做到這一點,我想要一個教程,告訴我如何!

+1

試試這個:HTTP:// railscasts.com/episodes/205-unobtrusive-javascript – Rahul 2011-08-25 11:44:29

回答

11

我想jQuery的主頁Tutorials頁面將是一個良好的開端:)

簡單的例子來刪除您點擊一個鏈接如下:

<html> 

<head> 
<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    // execute script only when DOM has finished loading 
    $(document).ready(function() { 
     $('#removeme').click(function() { 
      // remove element that has been target of the event 
      $(this).remove(); 
      // stop browser from following the link 
      return false; 
     }); 
    }); 
</script> 
</head> 

<body> 
    <p> 
    <a id="removeme" href="http://example.org">Remove me</a> 
    </p> 
</body> 
</html>