JQuery에서 동적으로 객체 바인딩하기

요즘 JQuery를 가지고 이것저것 하고 있는데, JQuery에서 동적으로 객체 바인딩해야 할 일이 있어서 찾아봤습니다. 다행히도 있더군요. JQuery는 기본적으로 바인딩을 할 때 이미 HTML 코드로 작성되어 있는 클래스나 아이디를 바인딩하기 때문에 PHP등을 통해 동적으로 생성되는 객체에 대해서는 바인딩이 되질 않습니다. (꼼수로는 동일한 클래스로 객체를 미리 정적으로 생성할 수도 있겠지만, 비추)

다음 코드를 보시면 간단합니다.

var $replyText = jQuery('.replyText');    

$replyText.live("keypress",function(event) {

    if ( event.which == 13 ) {

        alert($(this).val());

    }

}); 

이 코드는 class='replyText'와 같이 정의되어 있는 Input 태그에서 엔터키가 눌렸을 때 사용자가 입력한 내용을 화면에 보여주는 코드입니다. 정말 간단하죠? ^^