속성 선택자

jQuery 속성 선택자

1) 선택자 사용법

선택자 형태	설명
요소[속성]	속성값을 가지는 문서 객체를 선택합니다.
요소[속성=값]	속성과 값이 같은 문서 객체를 선택합니다.
요소[속성|=값]	속성 안의 값이 특정 값과 같은 문서 객체를 선택합니다.
요소[속성~=값]	속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택합니다.
요소[속성^=값]	속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택합니다.
요소[속성$=값]	속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택합니다.
요소[속성*=값]	속성 안의 값이 특정 값을 포함하는 문서 객체를 선택합니다.

2) 속성선택자 사용시 쌍따옴표(double quotes)와 홑따옴표(single quotes) 사용법

   - 홑따옴표를 바깥쪽에 썼을때, 쌍따옴표를 속성 [, ] 안쪽에 사용 : $('a[rel="nofollow self"]')

   - 쌍따옴표를 바깥쪽에 썼을때, 홑따옴표를 속성 [, ] 안쪽에 사용 : $("a[rel='nofollow self']")

   - 홑따옴표를 바깥쪽에 썼을때, \ (역슬래시) + 홑따옴표를 속성 [, ] 안쪽에 사용 :  $('a[rel=\'nofollow self\']')

   - 쌍따옴표를 바깥쪽에 썼을때, \ (역슬래시) + 쌍따옴표를 속성 [, ] 안쪽에 사용 : $("a[rel=\"nofollow self\"]")

$("요소[속성=값]" ) & $("요소[속성|=값]") & $("요소[속성*=값]") 

:속성 특정값과 같은 문서 객체를 선택

$("요소[속성=값]") 

: Selects elements that have the specified attribute with a value exactly equal to a certain 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 (-).

-> 하이픈까지 허용

$("요소[속성*=값]") 

: Selects elements that have the specified attribute with a value containing a given substring.

-> 값을 포함하는 내용

https://jsfiddle.net/9nyeaf4c/10/

$("요소[속성~=값]" ) & $("요소[속성^=값]") 

:속성 특정값으로 시작하는 문서 객체 선택

$("요소[속성~=값]")

: Selects elements that have the specified attribute with a value containing a given word, delimited by spaces.

-> 공백으로 나눠진 특정 단어를 포함하는 값

$("요소[속성^=값]") 

:Selects elements that have the specified attribute with a value beginning exactly with a given string.

->정확하게 '값'으로 시작하는 값

https://jsfiddle.net/75opsv4s/6/

$("요소[속성$=값]" )

: 특정 값으로 끝나는 문서 객체 선택

$("요소[속성$=값]") 

: Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive.

->정확하게 특정값으로 끝나는 값, 대소문자 구별

https://jsfiddle.net/umsytuns/

Multiple Attribute Selector [name=”value”][name2=”value2″]

두가지 속성의 동일한 값을 골라낼때, (컴마x)

https://jsfiddle.net/Ljtap6y3/