ProgrammingjQuery

(jQuery)제이쿼리 셀렉터 총정리 01편! jQuery Selector

All Selector, jQuery, jQuery selector, 모든 요소 선택, 셀렉터, 제이쿼리 선택자, 제이쿼리 셀렉터, 제이쿼리 셀렉터 여러개, 제이쿼리 셀렉터 총정리

jQuery에서 필수적으로 사용하게 되는 셀렉터! 에 대해 알아보겠습니다.

모든 셀렉터 All Selector (“*”)

jQuery( “*” )
Selects all elements.
모든 요소를 선택합니다.

속성 프리픽스 셀렉터 Prefix Selector [name|=”value”]

jQuery( “[attribute|=’value’]” )
Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-).
특정한 속성값을 가진 요소를 선택합니다. 특정 문자열이 원하는 문자열로 시작하여 띄어쓰기로 나누어져 있거나 (-) 하이픈으로 나누어져 있어야 합니다.

속성 컨테인 셀렉터 Attribute Contains Selector [name*=”value”]

jQuery( “[attribute*=’value’]” )
Selects elements that have the specified attribute with a value containing a given substring.
원하는 문자를 포함하고 있으면 선택됩니다.

속성 컨테인 워드 셀렉터 Attribute Contains Word Selector [name~=”value”]

jQuery( “[attribute~=’value’]” )
Selects elements that have the specified attribute with a value containing a given word, delimited by spaces.
속성에 원하는 문자를 선택하는데 공백으로 구분합니다. 문자가 앞에서 시작하든 중간에서 시작하든 상관없지만, 공백으로 나누어 있어야 합니다.

속성 엔드 셀렉터 Attribute Ends With Selector [name$=”value”]

jQuery( “[attribute$=’value’]” )
Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive.
속성에 원하는 문자열로 정확하게 끝나야 선택됩니다. 대소문자를 구별하여 선택됩니다.

속성 이퀄 셀렉터 Attribute Equals Selector [name=”value”]

jQuery( “[attribute=’value’]” )
Selects elements that have the specified attribute with a value exactly equal to a certain value.
속성에 원하는 문자열로 정확 일치하는 요소를 선택합니다. 대소문자를 구별하여 선택됩니다.

속성 스타트 셀렉터 Attribute Starts With Selector [name^=”value”]

jQuery( “[attribute^=’value’]” )
Selects elements that have the specified attribute with a value beginning exactly with a given string.
속성에 원하는 문자열로 정확하게 시작해야 선택됩니다. 대소문자를 구별하여 선택됩니다.

더 많은 셀렉터는 다음 기회에 만나보겠습니다.

Reference

Share