>웹 프론트엔드 >JS 튜토리얼 >제이쿼리 선택기란 무엇인가

제이쿼리 선택기란 무엇인가

(*-*)浩
(*-*)浩원래의
2019-05-21 09:42:1010394검색

jQuery 선택기는 jQuery의 강력한 표현으로, 페이지의 요소를 보다 편리하게 얻을 수 있는 메서드 세트를 제공합니다.

제이쿼리 선택기란 무엇인가

jQuery 요소 선택기와 속성 선택기를 사용하면 태그 이름, 속성 이름 또는 콘텐츠별로 HTML 요소를 선택할 수 있습니다.

Selectors를 사용하면 HTML 요소 그룹이나 개별 요소에 대해 작업을 수행할 수 있습니다.

HTML DOM 용어로:

선택기를 사용하면 DOM 요소 그룹이나 개별 DOM 노드에서 작업할 수 있습니다.

jQuery 선택기에는 다양한 유형이 있는데 살펴보겠습니다.

jQuery 요소 선택기

jQuery는 CSS 선택기를 사용하여 HTML 요소를 선택합니다.

$("p")

요소를 선택합니다.

$("p.intro") class="intro"가 있는 모든

요소를 선택합니다.

$("p#demo") id="demo"인 모든

요소를 선택합니다.

jQuery 속성 선택기

jQuery는 XPath 표현식을 사용하여 지정된 속성이 있는 요소를 선택합니다.

$("[href]") href 속성이 있는 모든 요소를 ​​선택합니다.

$("[href='#']") href 값이 "#"인 모든 요소를 ​​선택합니다.

$("[href!='#']") href 값이 "#"과 같지 않은 모든 요소를 ​​선택합니다.

$("[href$='.jpg']") href 값이 ".jpg"로 끝나는 모든 요소를 ​​가져옵니다.

jQuery CSS 선택기

jQuery CSS 선택기는 HTML 요소의 CSS 속성을 변경하는 데 사용할 수 있습니다.

다음 예에서는 모든 p 요소의 배경색을 빨간색으로 변경합니다.

$("p").css("background-color","red");

위 내용은 제이쿼리 선택기란 무엇인가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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