제이쿼리 Attribute Not Equal Selector [name!=”value”] > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

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

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

추천
0

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT