제이쿼리 Attribute Not Equal Selector [name!=”value”]
제이쿼리 Attribute Not Equal Selector [name!=”value”]
설명 : 지정된 속성을 갖지 않거나 지정된 속성을 갖지만 특정 값을 갖지 않는 요소를 선택하십시오.
jQuery ( "[attribute! = 'value']")
attribute : 속성 이름.
value : 속성 값. 유효한 식별자 또는 따옴표 붙은 문자열이 될 수 있습니다 .
이 선택자는 다음과 같습니다 :not([attr='value']).
추가 참고 사항 :
[name!="value"]CSS 사양의 일부가 아닌 jQuery 확장 이기 때문에 사용하는 쿼리 [name!="value"]는 기본 DOM querySelectorAll()메서드 에서 제공하는 성능 향상을 이용할 수 없습니다 . 최신 브라우저의 성능을 높이려면 $( "your-pure-css-selector" ).not( "[name='value']" )대신 사용하십시오.
예:
'뉴스 레터'라는 이름이없는 모든 입력을 찾아 옆에있는 범위에 텍스트를 추가합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeNotEqual demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<input type="radio" name="newsletter" value="Hot Fuzz">
<span>name is newsletter</span>
</div>
<div>
<input type="radio" value="Cold Fusion">
<span>no name</span>
</div>
<div>
<input type="radio" name="accept" value="Evil Plans">
<span>name is accept</span>
</div>
<script>
$( "input[name!='newsletter']" ).next().append( "<b>; not newsletter</b>" );
</script>
</body>
</html>