wrkbrs

[jQuery] 사용자 속성 선택자로 접근하는 방법, 사용자 속성 선택자 ( <img data-picnum="1"... ) 본문

jQuery

[jQuery] 사용자 속성 선택자로 접근하는 방법, 사용자 속성 선택자 ( <img data-picnum="1"... )

zcarc 2019. 1. 10. 14:13

제이쿼리(jquery)를 사용해 사용자 속성에 접근해 값을 불러오려면 어떻게 해야할까요? 예를 들어 아래와 같은 속성이 있다고 할 경우...

<body>
<img data-picnum="1" class="pic" src="/test1.jpg" />
<img data-picnum="2" class="pic" src="/test2.jpg" />
<img data-picnum="3" class="pic" src="/test3.jpg" />
</body>



위와 같이 사용자 속성인 data-picnum이 존재합니다. 그렇다면 이 값이 1인 요소를 선택하려면 어떻게 해야 할까요?


<script type="text/javascript">
$("img[data-picnum='1']").css('display','none');
</script>



위와같이 중괄호를 이용하여 쉽게 사용자 속성에 접근이 가능합니다. 이 방법은 CSS의 사용자 속성 접근 방법과 동일합니다.



출처 : https://webisfree.com/2015-01-23/[jquery]-사용자-속성-선택자로-접근하는-방법-사용자-속성-선택자

저작자표시 비영리 변경금지

'jQuery' 카테고리의 다른 글

[jQuery] .has() - 특정 요소를 가지고 있는 요소를 선택하는 메서드  (0) 2019.01.10
[jQuery] 메소드 정리  (0) 2019.01.10
[jQuery] 속성, 내용, 스타일, 데이터 조회 및 변경  (0) 2019.01.10
[jQuery] Value() 값 가져오기, 설정하기 & 태그의 속성 선택  (0) 2019.01.10
[jQuery] .attr() / .prop() - 속성값을 가져오거나 추가하는 메서드  (0) 2019.01.10
'jQuery' Related Articles more