>  기사  >  웹 프론트엔드  >  Jquery에서 각각의 사용 형태는 무엇입니까

Jquery에서 각각의 사용 형태는 무엇입니까

WBOY
WBOY원래의
2021-12-23 17:41:321730검색

jquery에서 각각의 사용 형태는 "$(selector).each(function(index,element))"입니다. 객체와 배열.

Jquery에서 각각의 사용 형태는 무엇입니까

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 각각의 사용 형태는 무엇입니까?

each() 메소드는 일치하는 각 요소에 대해 실행될 함수를 지정합니다.

팁: false를 반환하면 루프를 조기에 중지하는 데 사용할 수 있습니다.

구문은 다음과 같습니다.

$(selector).each(function(index,element))

매개변수는 다음과 같이 표현됩니다.

function(index,element)는 일치하는 각 요소에 대해 실행될 함수를 나타내는 필수 매개변수입니다.

index는 선택기의 인덱스 위치를 나타내고, 요소는 현재 요소를 나타냅니다("this" 선택기도 사용할 수 있음)

예제는 다음과 같습니다

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

출력 결과:

Jquery에서 각각의 사용 형태는 무엇입니까

버튼을 클릭한 후 , 출력은 다음과 같습니다:

Jquery에서 각각의 사용 형태는 무엇입니까

Jquery에서 각각의 사용 형태는 무엇입니까

Jquery에서 각각의 사용 형태는 무엇입니까

권장 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 Jquery에서 각각의 사용 형태는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.