jQuery의 selectors_jquery에서 와일드카드 사용 소개

1. 선택자
(1) 와일드카드:

코드 복사 코드는 다음과 같습니다.

$("input[id^='code']");//id 속성이 code로 시작하는 모든 입력 태그
$("input[id$='code']");//id 속성은 코드로 시작합니다
$("input[id*='code']")로 끝나는 모든 입력 태그 //id 속성에 코드가 포함된 모든 입력 태그

(2) 선택

코드 복사 코드는 다음과 같습니다.

$("tbody tr: even"); //인덱스 선택
$("tbody tr:odd"); //인덱스가 홀수인 모든 tr 태그 선택

( 3) jqueryObj Number

코드 복사 코드는 다음과 같습니다

jqueryObj.children("input").length;

(4) 클래스 main을 사용하여 태그의 하위 노드 아래에 있는 모든 태그를 가져옵니다. 🎜>

코드 복사 코드는 다음과 같습니다. $(".main > a"); >

(5)

코드 복사

바로 옆에 있는 라벨을 선택하세요. jqueryObj.next("div");//jqueryObj 태그 바로 뒤에 있는 div를 가져오고, nextAll은 모두 가져옵니다.

필터

코드 복사

코드는 다음과 같습니다. //not $("#code 입력:not([id ^='code'])");//id는 코드 태그이며 ID가 code로 시작하는 모든 입력 태그를 포함하지 않습니다

3. 이벤트

코드 복사

코드는 다음과 같습니다. / /텍스트 상자에서 키보드 작업 처리 jqueryObj.keyup(function (이벤트){

var keyCode = event.which;//현재 누르고 있는 키보드의 키 값을 가져옵니다. Enter 키는 13

}


도구 기능

코드 복사

코드는 다음과 같습니다. $('#someField').val($ .trim($('#someField').val()));//공백 제거, 구문: $.trim(value)