태그안에 클래스 접근 클래스 존재 여부

javascript 2015. 10. 15. 16:32

예제 

<div class="a">
즉 div 태그의 클래스명 a가  존재하는지 여부를 알고 싶을때 아래와 같다 
$("div").hasClass("a");
결과값 :true





"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 박스 중 두번째 박스만 테두리가 노란색으로 바뀐다.


자 이제 됐지?


http://chobbang.com/30

'javascript' 카테고리의 다른 글

자바 스크립트 url decode 글 깨짐 해결  (0) 2015.10.19
자바스크립트 string check  (0) 2015.10.16
IE에서 문제  (0) 2015.10.14
제이쿼리 객체 길이 사이즈 값 함수  (0) 2015.10.14
ajax success result null 값 체크  (0) 2015.10.14
Posted by 이상욱1
,

티스토리툴바