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로 일치하는