본문 바로가기
WEB CookBook/jQuery

jQuery input 태그 안에 클래스 접근하고 싶은데

by 쵸빵닷컴 2012. 6. 14.
반응형

"jQuery input 태그 안에 클래스 접근하고 싶은데" 를 용어로 바꾸면

Selector 라고 한다.


http://www.w3schools.com/jquery/jquery_ref_selectors.asp


jQuery를 사용해서 HTML 전체 element 중 원하는 태그, 아이디, 클래스에 접근해서 이벤트를 걸어주거나 css코드를 바꾸는 작업을 할 수 있다.


상황1.

HTML 코드에서 input 태그중에 input_chk라는 클래스 지정된 아이들 박스 테두리 색을 노란색으로 바꾸고 싶어


HTML

<HTML>

<HEAD>

</HEAD>

<BODY>

<input type="text">input1

<input type="text" class="input_chk">input 2

</BODY>

</HTML>


jQuery

$(document).ready(function(){

$("input.input_chk").css("border","1px solid #FFFF00");

});


input 박스 중 두번째 박스만 테두리가 노란색으로 바뀐다.


자 이제 됐지?



반응형

댓글