>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery에서 [attribute^=value] 선택기 사용 예

jQuery_jquery에서 [attribute^=value] 선택기 사용 예

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:22:481209검색

이 문서의 예에서는 jQuery에서 [attribute^=value] 선택기의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 선택자는 속성 값이 특정 값으로 시작하는 요소를 선택할 수 있습니다.

문법 구조:

코드 복사 코드는 다음과 같습니다.
$("[attribute^=value]")

매개변수 목록:

参数 描述
attribute 属性名称。
value 元素数属性开始的值。
引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

예제 코드:

예 1:

코드 복사 코드는 다음과 같습니다.






스크립트 홈

$(문서).ready(함수(){
$("버튼").click(function(){
$("li[id^=s]").css("color","blue")
})
})

머리>


  • html 영역

  • Jquery 영역



  • 스크립트 하우스에 오신 것을 환영합니다

  • 스크립트 하우스가 여러분을 환영합니다


효과를 보려면 클릭하세요버튼>
본문>


위 코드는 li 요소에서 id 속성 값이 s로 시작하는 li 요소의 텍스트 색상을 파란색으로 설정할 수 있습니다.

예 2:

코드 복사 코드는 다음과 같습니다.





스크립트 홈

$(문서).ready(함수(){
$("버튼").click(function(){
$("li[id^=[s]").css("color","blue")
})
})

머리>


  • html 영역

  • Jquery Zone



  • 스크립트 하우스에 오신 것을 환영합니다

  • 스크립트 하우스가 여러분을 환영합니다


효과를 보려면 클릭하세요버튼>
본문>



위 코드에서 코드에 "[" 또는 "]"가 포함된 경우 따옴표로 묶어야 하며, 그렇지 않으면 일치 오류가 발생하는 것을 볼 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.