[jQuery] 속성 선택자 attribute

1. [attribute]

: 각 selector의 특정 속성을 선택한다. 모든 속성을 선택한다.

: 문법 - $("[attribute]")

: 예) $("[href]"), $("[src]"), $("[size]")

 

2. [attribute=value]

: 특정 속성과 값을 가진(일치하는) 각 element를 선택한다.

: 문법 - $("[attribute='value']")

: 예) $("[id=id이름]")

 

3. [attribute!=value]

: 특정 속성과 값을 가지지 않는 selector를 선택한다.

: 즉, 선택된 값과 다른 값을 가지고 있는 selector가 선택이 된다.

: 문법 - $("[attribute!='value']")

: 예) $("p[class!='abc']")

 

4. [attribute$=value]

: 특정 문자값으로 끝나는 selector를 선택한다.

: 문법 - $("[attribute$='value']")

: 예) $("a[href$='.org']"),    $("img[src$='.jpg']")

 

5. [attribute|=value]

: 특정 문자으로 시작하는 속성과 속성 값을 설정한다.

: 문법 - $("[attribute |= 'value']")

: 예) $("a[hreflang |= 'en']")

 

6. [attribute ^= value]

: 특정 속성이 특정 속성값으로 시작하는 값을 갖는 selector을 설정

: 예) $("input[name^='fruit']"),    $("input[name^='nut']")

 

7. [attribute ~= value]

: 특정 속성이 특정 값을 포함하는 selector를 설정한다.

: 문법 - $("[attribute~='value']")

: 예) $("input[name~='nation']"),    $("input[name~='food']")

 

8. [attribute *= value]

: 특정 속성이 특정 문자열을 포함하는 selector를 선택한다.

: 문법 - $("[attribute *= 'value']")

: 예) $("input[name *= 'abc']"),    $("input[name *= 'fruit']")