IT/제이쿼리

제이쿼리 Attribute Not Equal Selector [name!=”value”]

조원태 2017. 8. 8. 13:40
반응형

제이쿼리 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>

반응형