jQuery 선택기에서 와일드카드 사용 소개

본 글에서는 jQuery의 선택기 중 와일드카드를 주로 소개하고 있는데, 필요한 친구들은

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

코드를 복사하세요 코드는 다음과 같습니다.

$("input[id^='code']");//모든
input 태그 $("input[id$='code']");//id 속성은 code로 시작합니다. All input
$("input[id*='code']")로 끝나는 태그; //id 속성에 코드

(2)
index코드 복사에 따라

을 선택합니다. 코드는 다음과 같습니다.

$("tbody tr:even"); //짝수인 tr 태그를 모두 선택합니다.
$("tbody tr:odd") //홀수인 tr 태그를 모두 선택합니다. 숫자

(3) jqueryObj

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

jqueryObj.children("input").length;

(4) 클래스를 태그의 하위 노드 아래에 있는 모든 태그로 가져옵니다.

코드 복사

코드는 다음과 같습니다.

$(".main > a") ;

(5)

Copy Code

바로 옆에 있는 레이블을 선택합니다. 코드는 다음과 같습니다.

jqueryObj.next("p");//jqueryObj 태그 바로 뒤에 있는 p를 가져옵니다. nextAll이 모두 가져옴

2. 필터

코드 복사

코드는 다음과 같습니다.

//not

$("#code input:not([id^='code'])" );//id는 코드 태그이며 ID가 code

3 .

Event

코드 복사

코드는 다음과 같습니다

//Handle 텍스트 상자에서의 키보드 조작

jqueryObj.keyup(function(event){
var keyCode = event.which;//현재 누른 값을 가져옵니다. 키보드의 키 값, Enter 키는 13
}

4입니다. 도구

기능

코드 복사

코드는 다음과 같습니다:

$('#someField').val($.trim($ ('#someField').val()));// 공백 제거, 구문: $.trim(value)

위 내용은 jQuery 선택기에서 와일드카드 사용 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!