#키보드 이벤트를 사용하였다.

$("#keyword").keyup(function() {

 var k = $(this).val();

 $("#nation>tbody>tr").hide();

 var temp = "#nation>tbody>tr>td:nth-child(3n+2):contains('" + k + "');

 $(temp).parent().show();

});

국가명 : <input type="text" id ="keyword" />

<table id ="nations">

    <thead>

      <tr><th></th><tr>국가명></tr><th>수도</th></tr>

    </thead>

...

입력박스에 키보드로 데이터 입력 후, 키보드를 떠날 때, 일어나는 이벤트이다.

데이터가 있는 부분을 hide() 시켜놓고, 키보드이벤트가 일어날 때마다, k변수에

값이 담기고, 해당하는 데이터가를 검색해서, 일치하는 데이터가 있으면 show()가 이루어진다.

즉, 글을 입력할 때마다, 그 자리에서 보여지고 사라지고가 나타난다.

이 소스를 가지고 응용하여, 개발하고 있는 사이트에 사용해보자