jquery를 사용하여 노드 아래의 하위 요소를 선택하는 방법
- 藏色散人원래의
- 2020-12-18 10:33:293225검색
jquery를 사용하여 노드 아래의 하위 요소를 선택하는 방법: 먼저 해당 코드 파일을 연 다음 jquery에서 ":eq()" 선택기를 사용하여 노드 아래에 지정된 하위 요소를 선택합니다. "$ ("p:eq(1)").css("배경색"...)"입니다.
이 튜토리얼의 운영 환경: windows7 시스템, jquery1.12.0 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
권장: "jquery Video Tutorial"
jquery에서는 :eq() 선택기를 사용하여 노드 아래에 지정된 하위 요소를 선택할 수 있고 :eq() 선택기를 사용하여 지정된 하위 요소를 선택할 수 있습니다. 인덱스 값. 인덱스 값은 0부터 시작하며 첫 번째 요소는 모두 인덱스 값이 0(1이 아님)입니다.
이 방법은 지정된 그룹에서 특정 시퀀스 번호를 가진 요소를 선택하기 위해 다른 요소/선택기와 함께 자주 사용됩니다.
예:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>위 내용은 jquery를 사용하여 노드 아래의 하위 요소를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.