목차
- [attribute~=value] 예제
- [attribute~=value] 정의
- [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
필수. 속성값에 포함되는 문자열 지정.
※ 속성값을 작은따옴표로 묶는 걸 권장.