Jquary 기본 선택기
$ ( "div*")는 div 아래의 모든 요소를 가져옵니다
$ ( ". red, .green"). html ( "how") // 두 가지 선택은 동일한 견적으로 작성해야한다는 점에 유의해야합니다 (여러 selector가 동시에 선택 될 때 사용)
$ ( "ANCE DESC") // 조상 조상 선택자 후손 자손 선택자
$ ( "부모> 자녀") // 손자가 아닌 자식 선택자 만 포함
$ ( "prev + next") // " +"는 우월과 부하 간의 관계를 나타냅니다. 이전 요소에 가장 가까운 다음 요소는 다음입니다. 선택기는 반환하고 고유 한 요소 만 반환합니다.
$ ( "p+label"). css ( "배경색", "빨간색"); 옆의 이웃에 배경색을 추가하십시오.
$ ( "prev ~ siblings") // 이전에 인접한 요소를 가져옵니다 (인접 요소는 동일한 상위 요소 만 포함)
Jquary의 필터 선택기
: First $ ( "li : first")는 컬렉션이 아닌 요소 인 동일한 태그 세트에서 첫 번째 요소를 가져옵니다.
: 마지막 요소
: EQ (인덱스) 인덱스별로 요소를 찾습니다
$ ( "li : eq (2)") index는 li 태그에서 세 번째 요소를 0에서 가져옵니다.
: 컨텐츠별로 (텍스트) 요소를 찾습니다
$ ( "li : contains ( 'zhang san')") Zhang San을 포함하는 모든 Li 요소를 얻으십시오. Zhang San이 왜 단일 따옴표를 추가해야합니까? 변수가 아닌 문자열이므로 단일 또는 이중 인용문없이 오류가보고됩니다.
: (Slector)가 요소별로 가져 왔습니다
$ ( "li : has ( 'p')")는 <p> 요소를 포함하는 모든 <li> 요소를 가져옵니다
: Hidden은 유형 속성 값이 숨겨진 요소를 포함하여 모든 보이지 않는 요소를 가져옵니다. $ ( "li : hidden") 다음 모든 디스플레이를 얻으십시오 : 없음 요소 또는 숨겨진 요소
: 가시는 모든 가시 요소를 얻습니다. 요소의 디스플레이 속성 값이 "없음"으로 설정되지 않는 한,이 선택기를 통해 얻을 수 있습니다.
$ ( "p : visible") 가시적 <p> 요소를 가져옵니다
[Attribute = value] 속성 이름이 속성 값과 동일한 요소를 가져옵니다.
$ ( "li [title = 'little superman']") li를 추가하는 것은 li를 추가하지 않으면 범위를 결정하는 것을 의미합니다.
[속성! = value] 속성 이름이 속성 값과 같지 않은 요소를 가져옵니다.
[속성*= value] 지정된 컨텐츠를 포함하는 속성 값의 모든 요소를 가져옵니다.
$ ( "li [title*= 'new']")) 속성 값에 "새"가 포함 된 Li 요소를 가져옵니다.
: 1 차 자녀는 각 부모 요소에서 첫 번째 자식 요소를 반환합니다. 컬렉션이며 종종 여러 컬렉션의 데이터를 선택하는 데 사용됩니다.
$ ( "li : first-Child") 모든 <ul> 부모 요소 중 첫 번째 <li> 요소를 가져옵니다.
: 최후의 자녀는 부모 요소의 마지막 자식 요소 얻기 종종 여러 수집 데이터 선택 처리를 사용합니다.
양식 선택기
: 입력 양식의 모든 요소가 <input>로 표시된 모든 양식 요소뿐만 아니라 <textRea>, <select> 및
<버튼> 태그가 지정된 양식 요소, 선택한 양식 요소는 가장 넓습니다.
: 텍스트에 대한 텍스트 입력 상자의 모든 단일 줄을 얻는 텍스트
: 암호 입력 텍스트 상자 요소에서 모든 암호를 얻습니다.
: 라디오는 모든 라디오 버튼 요소를 양식으로 가져옵니다.
: checkbox checkbox 요소를 양식으로 가져옵니다. ()
: 제출 양식에서 제출 버튼 요소를 가져옵니다. (일반적으로 형식의 유형 속성 "제출"이있는 버튼은 하나만 있습니다) 버튼이 정의되지 않으면 기본값은 다음과 같습니다.
제출 버튼
: 이미지 클래스에서 요소를 가져옵니다. "입력 요소의 유형 속성은 이미지 이고이 요소는 이미지 도메인입니다."
: 이미지 선택기는 <입력> 이미지 필드 만 얻을 수 있지만 <Img> 형식으로 이미지 요소를 얻을 수 없습니다.
: 버튼 선택기는 "input> 및 <butty>"intribute value "의"버튼 "을 사용하여 두 개의 공통 버튼 요소 만 얻을 수 있으며 얻을 수 있습니다.
: 확인 된 상태에서 모든 요소를 가져옵니다.
: 선택된 <select> 드롭 다운 목록 상자에서 선택한 모든 <pection> 옵션 요소 만 얻습니다.
Jquary Selector의 위의 포괄적 인 요약은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.