[Selector] JQ - [attribute|=value] 속성선택자 - 지정 문자열 또는 뒤에 하이픈 연결된 속성값 갖는 요소 선택.

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

[attribute |= value] 예제

※ title 속성값이 Homzzang이거나 뒤에 하이픈 오는 요소 선택.

 

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

<script>

$(document).ready(function(){

  $("p[title|='Homzzang']").css("background-color", "yellow");});  

</script>

<p title="Homzzang">홈짱닷컴 Homzzang.com</p>

<p title="homzzang">가</p>

<p title="Hom">나</p>

<p title="Welcomt to Homzzang.com">다</p>

<p title="Homzzang-Best">라</p>

 

결과보기

[attribute |= value] 정의

 

지정 속성값 또는 뒤에 하이픈 연결된 속성값 갖는 요소 선택.

 

---

 

※ 대소문자 구분 O.

※ language 속성 처리할 때 자주 사용.

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

 

[attribute|=value] 구문

 

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

 

---

[매개변수]

 

attribute

필수. 속성명.

 

value

필수. 속성값 시작 문자열.