jQuery를 이용한 visibility

작업하다가 배운 것.

 
$(document).ready(
    function () {
     //input 태그의 name이 agreetype인 것 찾기
     //text, radio, select 모두 해당
      var $agree = $("input[name='agreetype']");
    //브라우저가 IE일 경우 click으로 이벤트 발생 그외 change
      $agree.bind($.browser.msie ? "click":"change", function(e)
      {
        if($(e.target).val() == 'E')
        {
         //div태그안에 아이디가 ID_BTN_AUTHEMAIL인 컨트롤 찾기
         $("div").find("#ID_BTN_AUTHEMAIL").each( function ()
          {
            //css() 보다 attr()를 써서 style 주기
            $(this).attr('style', 'visibility:hidden');
          });
         $("div").find("#ID_BTN_AUTHSMS").each( function ()
          {
            $(this).attr('style', 'visibility:visible');
          });
        }
        else
        {
         $("div").find("#ID_BTN_AUTHEMAIL").each( function ()
          {
            $(this).attr('style', 'visibility:visible');
          });
         $("div").find("#ID_BTN_AUTHSMS").each( function ()
          {
            $(this).attr('style', 'visibility:hidden');
          });
        }
      });

* display (none, block) 과의 차이점
 - display의 경우 none이 될 경우 있던 자리가 없어지게 되서 폼이 깨질 수가 있다. 
 - visibility는 기존의 폼은 그대로 두고 보이고자 하는 것을 컨트롤 할 수 있다.

잘 몰라서 어렵지만
하면 할 수록 재밌는 jQuery +.+ㅋ