<button>Change colors</button><span></span> <div></div> <div></div><div></div> <div></div><div id="stop">Stop here</div> <div></div><div></div><div></div>

$("button").click(function () { $("div").each(function (index, domEle) {  // domEle == this  $(domEle).css("backgroundColor", "yellow");  if ($(this).is("#stop")) {  $("span").text("Stopped at div index #" + index);  return false;  } });});

length

返回值

Number

示例

计算文档中所有图片数量

HTML 代码:

jQuery 代码:

结果:

얻기()

일치하는 모든 DOM 요소의 컬렉션을 가져옵니다.

이는 일치하는 모든 요소를 ​​가져오는 이전 버전과 호환되는 방법입니다(실제로 요소 배열인 jQuery 개체와는 다름).

jQuery 객체 대신 DOM 객체를 직접 조작하려는 경우에 유용한 기능입니다.

일치하는 모든 DOM 요소에 액세스하세요.

이는 일치하는 모든 요소(실제로는 요소의 배열인 jQuery 개체 자체 제외)에 액세스하는 이전 버전과 호환되는 방법으로 사용됩니다. 대신 DOM 요소 자체에 대해 작업해야 하는 경우 유용합니다. 내장된 jQuery 함수를 사용하는 방법

반환값

배열<요소>

예

문서의 모든 이미지를 요소의 배열로 선택하고, 내장된 배열 역방향 방법을 사용하여 배열을 반전시킵니다.

HTML 코드:

img src="test2.jpg"/>

jQuery 코드:

$("img").get().reverse()

결과:

[ img src="test1.jpg"/>

---------------------------------- --- ---------------------------------- --- --------------

get(색인)

일치하는 요소 중 하나를 가져옵니다. num은 어떤 일치 요소가 얻어졌는지 나타냅니다.

이를 사용하면 jQuery 함수를 통하지 않고 실제 DOM 요소를 선택하고 직접 조작할 수 있습니다. $(this).get(0)은 $(this)[0]과 동일합니다.

일치된 세트의 지정된 인덱스에서 일치하는 단일 DOM 요소에 액세스합니다.

이를 통해 실제 DOM 요소를 추출하고 jQuery 기능을 반드시 사용하지 않고도 직접 작업할 수 있습니다. $(this).get(0)이라는 이 함수는 jQuery 객체에 대괄호 표기법을 사용하는 것과 동일합니다. $(this)[0]과 같습니다.

반환값

요소

매개변수

index

(Number): 인덱스 위치에 있는 요소를 가져옵니다 예

HTML 코드:

img src="test2.jpg"/>

jQuery 코드:

$("img").get(0)

결과:

[ ]

---------------------------------- --- ---------------------------------- --- --------------

색인(주제)

매개변수가 나타내는 객체와 일치하는 요소를 검색하여 해당 요소의 인덱스 값을 반환합니다.

일치하는 요소가 발견되면 반환은 0부터 시작하고, 일치하는 요소가 발견되지 않으면 -1이 반환됩니다.

객체와 일치하는 모든 요소를 ​​검색하고 해당 요소가 있으면 0부터 시작하여 해당 요소의 인덱스를 반환합니다.

객체를 찾을 수 없으면 -1을 반환합니다.

반환값

번호

매개변수

제목

(요소) :

을 검색할 개체 예

ID 값이 foobar인 요소의 인덱스 값을 반환합니다.

HTML 코드:

jQuery 코드:

$("*").index($('#foobar')[0])

결과:

5