jQuery 에서 자주 사용 하 는 요소 찾기 방법 에 대한 정 리 를 분석 합 니 다.

5610 단어 jQuery원소 찾기
$("\#my ELement")id 값 은 my Element 요소 와 같 습 니 다.id 값 은 문서 에서 하나의 id 값 만 my Element 일 수 있 기 때문에 유일한 요소$("div")는 모든 div 태그 요 소 를 선택 하고 div 요소 배열$("my Class")를 되 돌려 줍 니 다.   myClass 클래스 를 사용 하 는 css 의 모든 요소$("*")를 선택 하고 문서 의 모든 요 소 를 선택 하 십시오.여러 가지 선택 방식 으로 공동 선택 할 수 있 습 니 다.예 를 들 어$("\#myELement,div,.my class")
레이 어드 선택 기:$("form input")모든 form 요소 의 input 요 소 를 선택 하 십시오$("\#main>*")  id 값 이 main 인 모든 하위 요소$("label+input")를 선택 하여 모든 label 요소 의 다음 input 요소 노드 를 선택 하 십시오.테스트 선택 기 는 label 태그 뒤에 input 태그 의 모든 input 태그 요소$("\prev~div")동포 선택 기 를 되 돌려 줍 니 다.이 선택 기 는 id 가 prev 인 태그 요소 의 모든 부모 요소 에 속 하 는 div 태그 로 되 돌아 갑 니 다.
기본 필터 선택 기:$("tr:first")모든 tr 요소 의 첫 번 째$("tr:last")를 선택 하 십시오.  모든 tr 요소 의 마지막$선택("input:not(:checked)+span")  
필터 링:checked 선택 기의 모든 input 요소$("tr:even")   모든 tr 요소 의 0,2,4...개 요 소 를 선택 하 십시오(주의:여러 요 소 를 선택 할 때 배열 이기 때문에 번 호 는 0 부터 시작 합 니 다)$("tr:odd")    모든 tr 요소 의 1,3,5...개 요소$("td:eq(2)")를 선택 하 십시오.  모든 td 요소 중 번호 가 2 인 td 요 소 를 선택 하 십시오$("td:lt(4)")  td 요소 의 번호 가 4 이상 인 모든 td 요소$("td:ll(4)")를 선택 하 십시오.  td 요소 의 번호 가 4 보다 작은 모든 td 요소$(":header")$("div:animated")를 선택 하 십시오.
내용 필터 선택 기:$("div:contains('John')")모든 div 에 John 텍스트 가 들 어 있 는 요소$("td:empty")를 선택 하 십시오.             빈(텍스트 노드 도 포함 되 지 않 음)td 요 소 를 모두 선택 한 배열$("div:has(p)")           p 태그 가 있 는 div 요 소 를 선택 하 십시오$("td:parent")            td 를 부모 노드 로 하 는 모든 요소 배열 을 선택 하 십시오.
시각 화 필터 선택 기:$("div:hidden")           숨겨 진 div 요 소 를 모두 선택 하 십시오$("div:visible")          모든 시각 화 된 div 요 소 를 선택 하 십시오.
속성 필터 선택 기:$("div[id]")              id 속성 을 포함 하 는 div 요 소 를 모두 선택 하 십시오$("input[name='newsletter']")    모든 name 속성 이'newsletter'와 같은 input 요 소 를 선택 하 십시오$("input[name!="newsletter']")   모든 name 속성 이'newsletter'와 같 지 않 은 input 요 소 를 선택 하 십시오$("input[name^='news']")         모든 name 속성 을'news'로 시작 하 는 input 요소$("input[name$='news']")를 선택 하 십시오.         모든 name 속성 을'news'로 끝 나 는 input 요소$("input[name*='man']")로 선택 하 십시오.          모든 name 속성 에'news'를 포함 하 는 input 요 소 를 선택 하 십시오$("input[id][name$='man']")    여러 속성 을 사용 하여 공동 선택 할 수 있 습 니 다.이 선택 기 는 id 속성 을 포함 하고 있 으 며,속성 은 man 으로 끝 나 는 요소 입 니 다.
하위 요소 필터 선택 기:$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n+1)")$("div span:first-child")   모든 div 요소 의 첫 번 째 키 노드 의 배열$("div span:last-child")를 되 돌려 줍 니 다.    모든 div 요소 의 마지막 노드 의 배열$("div button:only-child")를 되 돌려 줍 니 다.  모든 div 에서 유일한 하위 노드 만 있 는 모든 하위 노드 의 배열 을 되 돌려 줍 니 다.
폼 요소 선택 기:$(":input")       input,textarea,select,button$(":text")를 포함 한 모든 폼 입력 요 소 를 선택 하 십시오.        모든 text input 요 소 를 선택 하 십시오$(":password")    모든 password input 요 소 를 선택 하 십시오$(":radio")       모든 라디오 input 요 소 를 선택 하 십시오$(":checkbox")    모든 checkbox input 요 소 를 선택 하 십시오$(":submit")      모든 submit input 요 소 를 선택 하 십시오$(":image")       모든 image input 요 소 를 선택 하 십시오$(":reset")       모든 reset input 요 소 를 선택 하 십시오$(":button")      모든 button input 요 소 를 선택 하 십시오$(":file")        모든 file input 요 소 를 선택 하 십시오$(":hidden")      모든 종류의 hidden input 요소 나 폼 의 숨겨 진 도 메 인 을 선택 하 십시오.
폼 요소 필터 선택 기:$(":enabled")   모든 작업 가능 한 폼 요 소 를 선택 하 십시오$(":disabled")  조작 할 수 없 는 모든 폼 요 소 를 선택 하 십시오$(":checked")   checked 된 폼 요 소 를 모두 선택 하 십시오$("selection option:selected")모든 selected 의 하위 요소 중 selected 된 요 소 를 선택 하 십시오 name 은"S"입 니 다.03_22〃의 input text 상자 의 이전 td text 값$("input[@name=S03_22]").parent().prev().text()이름 으로"S "시작R"끝 에 있 는$("input[@name^='S']").not(”[@name $='_R']")하 나 는 radio01 라디오 에서 선택 한 값$("input[@name=radio01][@checked]“).val();$("A B")A 요소 아래 의 모든 하위 노드 를 찾 습 니 다.비 직접 하위 노드$("A>B")를 포함 하여 A 요소 아래 의 직접 하위 노드$("A+B")를 찾 습 니 다.A 요소 뒤의 형제 노드 를 찾 습 니 다.비 직접 하위 노드$("A~B")를 포함 하여 A 요소 뒤의 형제 노드 를 찾 습 니 다.비 직접 하위 노드 는 포함 되 지 않 습 니 다.
1.$("A B")A 요소 아래 의 모든 하위 노드 를 찾 습 니 다.직접 하위 노드 가 아 닌 예 를 포함 합 니 다.폼 에 있 는 모든 input 요소 HTML 코드 를 찾 습 니 다.
            jQuery 코드:$("form input")결과:[,]
2.$("A>B")는 A 요소 아래 의 직접 하위 노드 예 를 찾 습 니 다.폼 의 모든 하위 input 요소 와 일치 합 니 다.HTML 코드:
            jQuery 코드:$("form>input")결과:[]
3.$("A+B")A 요소 뒤에 있 는 형제 노드 를 찾 습 니 다.직접 하위 노드 가 아 닌 예 를 포함 합 니 다.label 뒤에 있 는 모든 input 요소 HTML 코드 와 일치 합 니 다.
            jQuery 코드:$("label+input")결과:[,]
4.$("A~B")A 요소 뒤의 형제 노드 를 찾 습 니 다.직접 하위 노드 가 아 닌 예:폼 과 같은 또래 의 input 요소 HTML 코드 를 찾 습 니 다.
            jQuery 코드:$("form~input")결과:[]

좋은 웹페이지 즐겨찾기