jQuery의 선택기 요약

jQuery에는 기본 선택자, 양식 선택자, 필터 선택자 등 많은 선택자가 있습니다. 그 중 일부는 자주 사용하지 않으면 잊어버리기 쉽습니다. 최근에 jQuery의 선택자에 대한 요약을 만들었습니다. 귀하의 편의를 위해 그것을 보고 모든 사람과 공유할 수 있기를 바랍니다.

기본 선택기

//ID 선택기 $("#id")

//요소 선택기 $ ("div")

//클래스 선택자 $(".classname")

//결합 선택자 $(".classname,.classname1, #id1") # 🎜🎜#

레벨 선택기

//하위 요소 선택기 $("#id>.classname") #🎜🎜 #

/ /하위 요소 선택기 $("#id .classname")

//다음 요소 선택기 옆 $("#id + .classname")

//Sibling 요소 선택기 $("#id ~ .classname")

필터 선택기

//아니요 li $("li:first. ")

//마지막 li $("li:last")

//아래 첨자가 짝수인 li 선택 $("li:even")

//아래 첨자가 홀수인 li를 선택하세요. $("li:odd")

//아래 첨자가 4인 li $( "li: eq(4)")

//li 첨자가 2보다 크다 $("li:gt(2)")

//첨자가 2 li보다 작음 $( "li:lt(2)")

//id="runoob"을 제외한 모든 li 선택 $("li:not(#runoob)")

#🎜 🎜#콘텐츠 필터 선택기

// Runob 텍스트를 포함하는 요소 $("div:contains('Runob')") #🎜 🎜#//다음을 수행하는 빈 요소 하위 요소 또는 텍스트를 포함하지 않음 $("td:empty")

//선택기와 일치하는 요소 포함 $("div:has(selector)") # 🎜🎜#

/ /하위 요소 또는 텍스트를 포함하는 요소 $("td:parent")

Visibility filter selector

# 🎜🎜#//보이지 않는 모든 요소 일치 또는 숨겨진 유형의 요소 $("li:hidden")

//표시되는 모든 요소 일치 $("li:visible")#🎜🎜 #속성 필터 선택기# 🎜🎜#

//id 속성을 포함하는 모든 div 요소 $("div[id]")

#🎜🎜 #// id 속성 값이 123 $인 div 요소 ("div[id='123']")

// id 속성 값이 123이 아닌 div 요소 $("div[id! ='123']") #🎜 🎜#

// id 속성 값이 qq로 시작하는 div 요소 $("div[id^='qq']")// id 속성 값이 다음으로 끝나는 div 요소 zz $("div[id$='zz']")

// id 속성 값에 bb가 포함된 div 요소 $("div[id*=' bb']") #🎜 🎜#

//다중 속성 선택 및 필터링, 두 속성의 조건을 동시에 충족하는 요소 $("input[id][name$='man']")

#🎜 🎜#

상태 필터 선택기

// 일치 가능한 입력 $("input:enabled")

// 일치 불가능 입력 사용됨 $("input:disabled")

// 선택한 입력과 일치 $("input:checked")

// 선택한 옵션과 일치 $(" option:selected ")

양식 선택기

//모든 입력, 텍스트 영역, 선택 및 버튼 요소 일치 $(":input" ) #🎜🎜 #

//모든 단일 행 텍스트 상자의 경우 $(":text")는 $("[type=text]")와 동일합니다. $("input:text")를 사용하는 것이 좋습니다. 효율성 높음, 아래 동일 $(":text")

//모든 비밀번호 상자 $(":password")

//모든 라디오 버튼 $(" :radio ")

//모든 체크박스 $(":checkbox")

//모든 제출 버튼 $(":submit") #🎜🎜 #//모든 재설정 버튼 $(":reset")

//모든 버튼 버튼 $(":button")

//모든 파일 필드 $(" : 파일")

위 내용은 jQuery의 선택기 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!