티스토리 뷰

Skill/html js css

jquery 속성 선택자

진열사랑 2024. 1. 17. 15:03

출처: https://inpa.tistory.com/entry/jQuery-%F0%9F%93%9A-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-%EC%84%A0%ED%83%9D%EC%9E%90-Selector-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC

속성 선택자 (Attribute)

[attribute|='value']
$("[name|=apple]")
속성 name값이 apple이거나,apple- 으로 시작하는 요소

[attribute*='value']
$("[name*=apple]")
속성 name값이 apple이란 단어를 포함하는 요소 (어느 위치든)

[attribute~='value']
$("[name~=apple]")
속성 name값이 apple이거나apple 공백 / 공백 apple 으로 구분된 단어를 포함하는 요소

[attribute$='value']
$("[name$=apple]")
속성 name값이 apple이거나apple로 정확히 끝나는 값인 요소비교는 대소 문자를 구분함.

[attribute='value']
$("[name=apple]")
속성 name값이 정확히 apple인 요소

[attribute!='value']
$("[name!=apple]")
속성 name값이 apple을 아예 갖지 않거나,apple 이외의 값을 갖지 않는 요소

[attribute^='value']
$("[name^=apple]")
속성 name값이 apple이거나,apple로 정확히 시작하는 요소

[attribute]
$("[name]")
속성 name을 갖고있는 요소

[attribute='value'][attribute2='value2']
$("[name=apple][name2=banana]")
각 속성 선택자들이 and로 일치하는



'Skill > html js css' 카테고리의 다른 글

thymeleaf with 사용법  (0) 2024.01.26
bootstrap-datepicker  (0) 2024.01.17
jquery each()  (0) 2024.01.17
jquery daterangepicker 사용예  (0) 2024.01.12
jquery DataTable manual  (0) 2024.01.12
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함