[Jquery] attr 메서드

Jquery에서는 attr 메서드를 사용하여 속성을 변경하거나 추가할 수 있다.

 

      $(document).ready(function(){
          $('#my-img').attr("src","./img/cat.jpeg")
      })

 

위와 같이 작성하게 되면 my-img라는 id를 가진 img 태그에 src="./img/cat.jpeg"을 추가하게 된다.

 

이를 이용하여 다음과 같이 응용이 가능하다.

        var mode = 'password'

        function changeMod(){
            if(mode=='password'){
                $('#pw').attr("type","text")
                mode='text'
                $('#btn').text("해제")
            } else if(mode=='text'){
                $('#pw').attr("type","password")
                mode="password"
                $('#btn').text("비밀번호 표시")
            }
            
            
        }

 

위와 같이 input 타입을 password에서 text로, text에서 password로 변경을 할 수도 있다.