왜 우리는 어떻게 JQuery와 선택기를 기록하고 필요합니까?

현대 웹 디자이너는 마스터 안 되는 HTML의 기초 는 CSS와 자바 스크립트,뿐만 아니라 HTML-문서와 자바 스크립트의 상호 작용에 초점을 맞추고 jQuery 라이브러리에서 작업 할 수. 그것은 바로 모든 요소 DOM (내용, HTML 파일에 대한 액세스를 제공하는 응용 프로그램 프로그래밍 인터페이스)에 액세스하고 조작 할 수있다. 도서관의 주요 구조 단위는 팀이다. 하나를 적용하기 위해 또는 다른 팀에서, 당신은 JQuery와 선택기가 필요합니다.

jQuery 라이브러리 화학식 선택기

JQuery와의 선택기는 CSS의 사용을 기반으로. 그들은 그들 (팀) 조작의 이러한 또는 다른 방법을 일으키는 그들을 사용하는 항목을 HTML 파일을 선택해야합니다. 검색은 선택 $ () 함수를 통해 실행된다. 예를 들어, $ ( 'DIV').

선택기는 요소 방법 선택에 따라 분류 할 수있다 :

• 기본;
• 속성 단계;
• 계층 구조;
• 내용;
• 상황에;
• 양식 필드의 선택;
• 다른 사람.

키 선택기

이 라이브러리는 메인 그룹에 속하는 JQuery와 선택기를 사용하는 경우에 사용하는 경우는 90 %이다. 그들 모두는 아주 간단하고 명확하다. 우리가 그들 각각을 살펴 보자 :

• * - 등 머리, 몸, 포함한 모든 페이지 구성 요소를 선택한다.
• P / DIV / 사이드 바 / ... - 소정의 태그에 속하는 모든 요소를 선택한다 (예 p.div, 사이드, ... 등으로);
• .myClass / p.myClass - 지정된 클래스 이름을 가진 요소를 선택한다;
• # MYID / P 번호에 대한 myid는 -. 주어진 ID로 하나 개 항목을 선택합니다.

다음은 예이다. 이제 우리는 다음과 같이 될 것입니다 파 클래스 항목과 페이지의 모든 요소를 선택해야한다고 가정 해 봅시다 : (. 파) $를. 이 클래스의 필요한 경우에만 P 요소는 다음 작성하는 경우 : $ (p.par).

속성 선택자

우리가 어떤 클래스를 갖는 ID에 속하는 항목을 선택하거나 페이지의 모든 요소를 선택해야하는 경우, JQuery와 메인 선택기를 사용할 수 있습니다. 항목이 어떤 클래스 또는 ID가 없습니다하는 경우가 있습니다. 그것은이 용이며 속성에 의한 선택이있다. 그들은 당신이 어떤에서 선택을 할 수있게 되는 HTML 요소의 속성 등의 HREF 또는 SRC있다. 이 속성은로 작성 대괄호 [].

간단한 예 : $ ([SRC는]) - SRC 속성이 모든 요소를 선택한다. 그것은 특정 속성 값을 지정하여 시료를 좁힐 수 있습니다 : $를 ([SRC = 'HTTP : // 사이트 / 기사 / 132222 / 값']).

당신은 선택의 분야를 축소하려는 경우 일부 JQuery와 선택기를 사용할 수 있습니다. 예를 들어, $ (p [푸른 색 = [크기 = 12]) - 청색 및 크기가 12 만 요소 p를 선택한다.

선택기 내용

당신이 속성 또는 기본 선택기를 기반으로 요소를 선택할 수없는 경우이 경우, 당신은 자신의 내용을 참조한다. 총 이러한 유형의 네 선택이 있습니다 :

• : 포함 - 지정된 텍스트를 포함하는 항목을 선택;
• : 못한 - 라인의 특성 다른 요소를 포함하는 요소를 선택;
• : 부모 - 기타를 포함하는 요소를 선택;
• : 빈 - 다른를 포함하지 않는 요소를 선택합니다.

다음은 예이다. 헬로의 텍스트를 포함, 모든 요소의 사업부를 선택하려면, 당신은 $ 작성해야 (사업부를 '안녕하세요') (포함).

선택기 계층 구조

계층 구조에 따라 (즉, HTML 페이지에 서로의 비율) - 즉, JQuery와, 요소를 선택하는 또 다른 방법이있다. 그들 중 많은, 그래서 우리는 가장 인기있는 "자녀"와 "후손"의 두 가지 제시한다.

첫 번째 경우에서, 요소는 주어진 소자 (상위)의 직접적인 후손 (자손)이있는 선택된다. $를 (UL # 탐색> li.light) : 예를 들어, 자식 탐색 목록입니다 빛이 클래스에서리스트의 요소를 선택, 당신은 작성해야합니다.

두 번째 경우 -보다 일반적인. 이 선택 요소의 간접 후손 할 수 있습니다. 예를 들어, 탐색이 처방 목록에서 링크를 선택합니다 : $ (UL 번호 탐색 A).

따라서, JQuery와의 요소는 예컨대, HTML 문서 요소의 클래스 ID, 속성, 콘텐츠 또는 계층과 같은 매개 변수를 이용하여 다양한 방법으로 선택 될 수있다.