728x90
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')
})
728x90
반응형
'small steps > 1일 1코딩 - 코딩을 내 몸처럼' 카테고리의 다른 글
[1일1코딩][Servlet] 서버 연결 - java class, html (0) | 2022.04.20 |
---|---|
[1일1코딩][Servlet] 서버 연결 - web.xml, index.html 세팅 (0) | 2022.04.19 |
[1일1코딩][SQL][Oracle] 계정 등록 및 권한 부여 (0) | 2022.04.18 |
[1일1코딩][JS] 선언적 함수, 익명함수, 함수 전달인자와 매개변수 여러 방법 (0) | 2022.04.17 |
[1일1코딩][jQuery] 연결 방식4가지, 선택자 6가지 (0) | 2022.04.16 |