스마트웹앱콘텐츠전문가/자바스크립트

[제이쿼리]선택자를 이용하여 클래스명 가져오기

9D4U 2018. 4. 6. 16:31
728x90
반응형

1. 제이쿼리를 사용하여 선택자의 클래스명 가져오기 : attr 이용


예시) 


<div id="testid" class="testclass" ></div>



$("#testid").attr('class') == "testclass"



2. 자바스크립트 사용하여 클래스명 가져오기 : getElementBy~ 이용.


예시)


document.getElementById("testid").ClassName == "testclass"



+ 추가 설명


[제이쿼리]


.attr()


- 파라미터 개수에 따라 다르게 사용.

파라미터 1개 : 해당 속성 값을 가져오기, but 속성값을 가져오기 못하면 undefineded를 반환 (예시: $(this).attr('class') )

파라미터 2개 : 해당 속성 값을 요소에 부여하기 (예시: $(this.).attr('class', 'on') )

파라미터 2개에서는

.attr( attributeName, function(index, attr) ) <- 이렇게도 사용이 가능.


 - .prop() 메서드와의 차이점 : attr은 리턴값이 string형식 vs prop는 리턴값이 boolean(true or false)

728x90