Semalt : jQuery 란 무엇입니까? 5 가지 유명한 요소 선택기 개요

jQuery는 HTML의 클라이언트 측 스크립팅을 단순화하도록 설계된 크로스 플랫폼 JavaScript 라이브러리입니다. 가장 많이 배포 된 JavaScript 라이브러리 중 하나입니다. 웹 문서를 탐색하고 애니메이션을 생성하며 DOM 요소를 선택하고 Ajax 애플리케이션을 개발하도록 설계되었습니다. jQuery는 개발자와 프로그래머가 다양한 웹 스크레이퍼, 응용 프로그램 및 플러그인을 만들 수 있도록 도와줍니다. 또한 저수준 애니메이션 및 상호 작용, 테마 및 위젯에 대한 추상화를 만들 수 있습니다.

jQuery의 가장 두드러진 특징은 DOM 요소 선택 및 융합 알고리즘입니다. Microsoft와 Nokia는 모두 자체 플랫폼에 jQuery를 번들로 제공합니다. Microsoft는 Visual Studio, ASP.NET MVC 및 ASP.NET AJAX에 포함 시켰으며 Nokia는 jQuery를 런타임 위젯 개발 플랫폼에 통합했습니다.

jQuery 선택기 개요 :

jQuery JavaScript 라이브러리는 주로 웹 페이지의 컨텐츠 및 HTML 요소를 가져 오거나 수정하는 데 사용됩니다. 애니메이션, 숨기기 및 표시와 같은 효과를 적용하고 아름답고 시선을 끄는 웹 사이트를 만드는 데 널리 사용됩니다. 일반적인 JavaScript 방식이나 다른 방법으로 요소를 선택하는 것은 매우 어려울 수 있지만 jQuery 선택기는 마술처럼 작동합니다. HTML 요소를 즉시 선택하고 조작 할 수 있으며 주로 이름, ID, 유형, 클래스, 값 및 속성을 기반으로 요소를 찾거나 선택하는 데 사용됩니다. 모든 jQuery 선택기는 달러 기호와 괄호 ($ ())로 시작하며 고유 한 특성을 가지고 있음을 명심해야합니다.

1. 기본 jQuery 선택기 :

기본 jQuery 선택기를 사용하면 ID $ ( "# id"), 클래스 $ ( ". class") 및 태그 이름 $ ( "li")을 사용하여 웹 페이지 요소를 쉽게 선택할 수 있습니다. 원하는 결과를 얻기 위해 이들을 결합하거나 개별적으로 사용할 수 있습니다. 결합 된 jQuery 선택기는 $ ( "selector1, selector2, selector3")와 유사합니다.

2. 인덱스 기반 jQuery 선택기 :

기본 jQuery 선택기로 원하는 결과를 얻지 못하면 인덱스 기반 선택기를 선택할 수 있습니다. jQuery는 제로 기반 색인을 사용하는 자체 색인 기반 선택기 세트를 제공하는 것으로 가장 잘 알려져 있습니다. 세 번째 요소를 선택하려면 인덱스 2를 사용해야합니다. 가장 많이 사용되는 인덱스 기반 jQuery 선택기 유형은 eq (n) 선택기, it (n) 선택기, gt (n) 선택기, 마지막 선택기입니다. 선택기, 짝수 선택기 및 홀수 선택기.

3. 하위 jQuery 선택기 :

jQuery를 사용하면 유형 또는 색인을 기반으로 특정 요소의 하위를 선택할 수 있습니다. 예를 들어 CSS 자식 선택기는 다른 자식 선택기와는 다르며 고유 한 웹 인덱싱 기능이 있습니다.

4. 속성 jQuery 선택기 :

속성 jQuery 선택기를 사용하면 해당 값과 속성을 기반으로 요소를 쉽게 선택할 수 있습니다. 이러한 선택기로 작업 할 때 여러 공백으로 구분 된 값을 단일 문자열로 간주합니다. 예를 들어 $ ( "a [rel = 'nofollow']")는 $ ( "a [rel = 'nofollow other']")와 일치하지 않습니다.

5. 컨텐츠 jQuery 선택기 :

컨텐츠 선택기는 웹 컨텐츠 및 HTML 요소를 기반으로합니다. 네 가지 유형으로 제공되며 웹 페이지의 컨텐츠를 색인화하거나 구조화하는 방법을 보여줍니다. 그들은 텍스트 또는 이미지 형태로 제공되며 독특한 특징을 가지고 있습니다.