jquery 요소

jquery               ？

  children  ，children("input:first-child")

$(this).children("input:first-child").val();

$(this).children("input:last-child").val();

  >   ，$(".items>input:first")

      《jQuery         》http://wen.io/epg1p0

    1.               ：
    :first：                  ， ：li:first          li  ， ul li:first          li  ，    ul     ；
    :last：   ，         ；
    :first- child：              ， li:first-child    ul    li  。      ，               ，       li   ，       li  ，            ，           li  ；
    :last-child：         ，         ；
    :only- child：             ，  ，      ，         hellojquery
，       요소$("label: only-child") 는 label 요소이며, 부류의 유일한 하위 요소인 label 요소입니다.
:nth-child(n): n번째 하위 노드를 되돌려줍니다. n은 1부터 시작하고 n이 0을 찾으면 모든 요소를 선택합니다.예를 들어 [*]li:nth-child(2)는 리원소를 되돌려주고 이 원소는 부원소의 두 번째 서브원소이다.
:nth-child(even|odd): 짝수 또는 홀수의 하위 노드를 되돌려줍니다.
:nth-child(An+B): 표현식 An+B를 만족시키는 모든 하위 노드를 되돌려줍니다. 예를 들어 3n+1은 부절점 원소의 3의 배수에 1을 더한 하위 원소를 되돌려줍니다.
: 이벤트: 페이지 범위 내의 짝수 위치에 있는 요소, 예를 들어 리: 이벤트는 모든 짝수 리 요소를 되돌려줍니다.
:odd: 페이지 범위 내의 홀수 위치에 있는 요소;
:eq(n): n번째 일치하는 요소(n은 0부터), 예를 들어:li:eq(3)는 전체 페이지의 네 번째 리 요소를 되돌려주고,ulli:eq(1)는 페이지의 첫 번째 l 요소 아래의 두 번째 리 요소를 되돌려줍니다. 주의: 한 번만 일치하면 되돌려줍니다.
:gt(n): n번째 일치하는 원소 (포함하지 않음) 다음의 원소 (n은 0부터), 예를 들어:ul:gt(2)는 세 번째 l에서 시작하는 모든 l원소 (세 번째 포함) 를 되돌려줍니다.
: lt(n): n번째 일치하는 원소(포함하지 않음) 이전의 원소(n은 0에서부터), 예를 들어 ul:lt(2)는 0번째와 1번째ul원소로 되돌아온다.
2. css 선택기를 사용하여 다음을 선택합니다.
요소 탭 이름: 예를 들어 $("a") 는 모든 링크 요소를 선택합니다.
#id: 원소 id를 통해 선택한다. 예를 들어 $("#form1")는 id가form1인 원소를 선택한다.
.class: 원소의 CSS 클래스를 통해 선택합니다. 예를 들어 $(". boldstyle") 는 CSS가boldstyle 클래스인 원소를 선택합니다.
태그 이름 #id.class: 특정 요소의 id 속성과 class 속성을 통해 선택합니다. 예를 들어 $(a#blog.boldStyle) 는 id가 blog이고 CSS 형식이 입니다.boldStyle 유형의 링크 요소()；
부모 이름, 자식 이름.class: 부모 탭 아래에 있는 CSS 형식의 하위 요소를 선택합니다. 예를 들어 $(p a.redStyle) 는 p 단락 요소의 링크 하위 요소 a를 선택하고 css 형식은 다음과 같습니다.redStyle；
3. 하위 선택기, 컨테이너 선택기 및 속성 선택기를 사용하여 다음을 선택합니다.
*: 모든 요소와 일치합니다. 예를 들어 $(*)는 페이지의 모든 요소를 되돌려줍니다.
E: $("a") 와 같이 E로 표시된 모든 요소와 일치합니다.
E F: 부모 요소 E의 탭 이름이 F인 모든 하위 요소와 일치합니다(F는 E의 하위 클래스, 심지어 더 멀어질 수 있습니다).
E>F: 부모 요소 E 아래의 모든 탭 이름이 F인 직접 하위 요소와 일치합니다.
E+F: 모든 탭 이름이 F인 요소와 일치하며 E 유형의 형제 노드가 이 F 요소 앞에 있습니다(E, F가 바짝 붙어 있음).
E~F: 앞에 있는 모든 형제 노드 E의 모든 요소 F와 일치합니다(E, F는 바짝 붙일 필요가 없습니다).
E:has(F): 레이블 서명이 E이고 F라는 이름의 하위 노드가 하나 이상 있는 모든 요소 E와 일치합니다.
E.C: 클래스 이름 C가 있는 모든 요소 E를 일치시킵니다.C는 *와 같습니다.C；
E#I: id가 I인 모든 요소 E와 일치하며 #I는 *#I와 같습니다.
E[A]: 속성 A가 있는 모든 요소 E 일치;
E[A=V]: 모든 속성 A의 값이 V인 요소 E와 일치합니다.
E[A^=V]: 모든 요소 E와 일치하고 A의 속성 값은 V로 시작합니다.
E[A$=V]: 모든 요소 E와 일치하고 A의 속성 값은 V로 끝납니다.
E[A*=V]: 모든 요소 E와 일치하며 A의 속성 값에 V가 포함됩니다.
4. jQuery 사용자 정의 선택기를 사용하여 다음을 선택합니다.
: button: input [type=submit] 등 모든 단추 형식의 요소를 선택하십시오.
: checkbox: 체크 상자 요소 선택하기;
: file: 모든 파일 형식 요소, 즉 input[type=file]를 선택합니다.
: 이미지: 폼에 있는 이미지 요소, 즉 input[type=image]를 선택하십시오. 이 부분은 앞에서 탭 이름에 따라 이미지를 선택하는 것과 약간 다르므로 주의하십시오.
: input: 폼 요소를 선택하십시오. 예를 들어, <button> <span 스타일 = "line-height:1.5! important;" >기다리다
: 라디오: 라디오 단추 요소 선택하기;
: reset: input[type</span>=reset],button[type=<span style="line-height:1.5!important;" 등 리셋 단추 요소를 선택하십시오.reset]；
:submit: 제출 단추 요소 선택하기;
: text: 텍스트 필드 요소를 선택하십시오. 즉 input [type</span>=<span style= "line-height:1.5! important;" >text]；
: animated: 현재 동적 제어 아래에 있는 요소를 선택합니다.
:contains(hello): 텍스트 Hello를 포함하는 요소를 선택합니다.
: 헤더: 제목 요소를 선택하십시오. 예를 들어 </span><h1><span 스타일 = "line-height:1.5!important;" >
:parent: 하위 노드(텍스트 포함)를 가진 요소를 선택하고 빈 요소를 제외합니다.
:selected: 선택한 옵션 요소 선택하기;
: visible: 보이는 요소 선택하기;
:enable: 인터페이스에서 사용할 수 있는 폼 요소를 선택합니다.
: disabled: 인터페이스에서 비활성화된 폼 요소를 선택합니다.
: checked: 선택한 체크 상자나 단추 선택하기; </span></h1></button>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

WebView2를 Visual Studio 2017 Express에서 사용할 수 있을 때까지

Evergreen .Net Framework SDK 4.8 VisualStudio2017에서 NuGet을 사용하기 때문에 패키지 관리 방법을 packages.config 대신 PackageReference를 사용해야...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jquery 요소

좋은 웹페이지 즐겨찾기