N번째 요소를 연산하는 jQuery 메소드

jQuery는 HTML과 JavaScript 간의 작업을 단순화하는 크로스 브라우저 JavaScript 라이브러리입니다. 첫 번째 버전은 2006년 1월 BarCamp NYC에서 John Resig에 의해 출시되었습니다. 현재 Dave Methvin이 이끄는 개발팀이 개발 중입니다. 세계에서 가장 많이 방문한 상위 10,000개 웹사이트 중 59%가 현재 가장 인기 있는 JavaScript 라이브러리인 jQuery를 사용합니다. 이 기사에서는 jQuery가 동일한 요소 그룹의 N번째 요소를 작동하는 방법에 대해 설명합니다. .

예:

class="phpernote" 아래에 3개의 ul이 있습니다. 이제 각 ul 아래의 다섯 번째 li 요소에 class="com"을 추가하고 싶습니다.

특정 jQuery 코드:

 $(".phpernote ul li:nth-child(5)").addClass("com");

가 성공적으로 추가되었습니다. 각 ul 아래 다섯 번째 li에 com 클래스를 추가하세요

물론 CSS 코드를 직접 추가할 수도 있습니다:

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});

nth-child: 영어 약어, n-th, 숫자 1, 2, 3 사용 각각 첫 번째, 두 번째, 세 번째 단어와 4부터 시작하는 단어는 숫자 + 일입니다(예: 4번째, 5번째, 6번째 등).

ul

$("ul li:first-child")

아래에서 첫 번째 li 가져오기

$("ul li:last-child")

ul

rrreee 아래에서 마지막 li 가져오기

위 내용은 jquery가 동일한 요소 그룹의 N번째 요소를 어떻게 작동하는지에 대한 설명입니다. 모두에게 도움이 되기를 바랍니다.

관련 권장 사항:

jquery 작업 ul 기술 요약

jQuery 운영 요소 CSS 스타일의 세 가지 방법에 대한 자세한 설명

고급 웹 jQuery 운영 DOM 요소 &&MySQL 레코드 작업&&PHP 객체 지향 학습 노트

🎜

위 내용은 N번째 요소를 연산하는 jQuery 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!