2008-11-03 4 views
13

JQuery를 사용하여 눈에 잘 띄지 않는 Javascript에 대한 10 분짜리 소개를 찾고 있습니다. 나는이 개념을 완전히 처음 접했고, 나는 사건 묶기와 같은 것들이 어떻게 작동하는지보고 싶다.jquery와 눈에 잘 띄지 않는 자바 스크립트 - 좋은 10 분 튜토리얼?

일부 배경으로, 우리는 여기에있는 것과 비슷한 "이 태그 제거"시스템을 찾고 있습니다. 출처를 살펴보면, js를 보지 못했습니다. 단지 img 태그입니다. 따라서 click 이벤트에 바인딩되는 외부 j가 있어야한다고 생각합니다. 나는 그것을하는 법을 알고 싶다. 그리고 나는 나에게 보여주는 튜토리얼을 원한다!

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

을이 시도 : – Rahul

+0

은 여기에 그들처럼 보인다 : http://docs.jquery.com/Tutorials –

+1

나는 최근에 [jQuery가있는 눈에 잘 띄지 않는 자바 스크립트에 대한 좋은 기사]를 발견했다. (http : //files.simonwillison.net/2008/xtech-unobtrusive-jquery.pdf) Simon Willison 작. – nivcaner

답변

11

내가 시작 :)

이 당신이 클릭 한 링크를 제거하는

간단한 예는 다음과 좋은 장소가 될 것입니다 jQuery를 홈페이지에서 Tutorials 페이지를 추측에 http : // railscasts.com/episodes/205-unobtrusive-javascript

관련 문제