[1일1코딩][jQuery] mouseenter & mouserout + attr

 

attr() : 문서 객체의 특정 속성값을 알아내거나 추가할 때 사용

attribute 속성

        // 메소드 체이닝 , 여러개의 속성
        $('input[password]').css('background','blue').css('color','blue');
        //객체로 넣어주는 방법, 여러개의 속성
        $('input[class~=text]').css({'background':'green','color':'red'});
        // Uncaught SyntaxError: Unexpected string 오류  - 키값잘못연결해서났음
        // $('input[size]').css('backgroundColor','green');
        $('input[class$=order]').css('backgroundColor','red');
        $('input[type=number]').attr('placeholder','폰번호');
        

        // 마우스 호버시 // 마우스 아웃시 -> 메소드 체이닝 가능
        $('input:image').mouseenter(function(){
            $(this).attr('src','../images/city1.png');
        }).mouseout(function(){
            $(this).attr('src','../images/river2.png')
        })