• 회원가입
  • 로그인

[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

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

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

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012