[Selector] JQ - [attribute~=value] 속성선택자 - 특정 속성값 또는 그 앞뒤 공백인 요소 선택.

1. [attribute~=value] 예제
2. [attribute~=value] 정의
3. [attribute~=value] 구문

[attribute ~= value] 예제 - name 속성값이 Homzzang 이거나 그 앞뒤 공백인 요소.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("input[name~='Homzzang']").css("background-color", "yellow");});

</script>

<input name="Homzzang" type="text" value="Homzzang">

<input name="homzzang" type="text" value="homzzang">

<input name="Homzzang-Best" type="text" value="Homzzang-Best">

<input name="Homzzang Best" type="text" value="Homzzang Best">

 

결과보기

[attribute ~= value] 정의

 

'지정 문자열' 또는 '지정 문자열 앞뒤 공백' 속성값 갖는 요소 선택.

 

---

 

※ 대소문자 구분 O.

※ CSS [attribute~=value] 속성선택자.

 

[attribute ~= value] 구문

 

$("[attribute~='value']")

 

---

[매개변수]

 

attribute

필수. 속성명.

 

value

필수. 속성값에 포함되는 문자열 지정.

※ 속성값을 작은따옴표로 묶는 걸 권장.