.first()
.first()
설명 : 일치하는 요소 집합을 집합의 첫 번째 집합으로 줄입니다.
DOM 요소 집합을 나타내는 jQuery 객체가 주어지면이 .first()메서드는 해당 집합의 첫 번째 요소에서 새 jQuery 객체를 생성합니다.
간단한 목록이있는 페이지를 고려해보십시오.
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
이 메소드를 목록 항목 집합에 적용 할 수 있습니다.
$( "li" ).first().css( "background-color", "red" );
이 호출의 결과는 첫 번째 항목에 대한 빨간색 배경입니다.
예:
단락의 첫 번째 범위를 강조 표시하십시오.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>first demo</title>
<style>
.highlight{
background-color: yellow
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>
<span>Look:</span>
<span>This is some text in a paragraph.</span>
<span>This is a note about it.</span>
</p>
<script>
$( "p span" ).first().addClass( "highlight" );
</script>
</body>
</html>
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 4976 | 기타 | 5년 전 | 2120 | ||
| 4975 | 웹서버 |
nooree
|
5년 전 | 2768 | |
| 4974 | node.js |
younhoso
|
5년 전 | 2141 | |
| 4973 | PHP |
|
5년 전 | 3640 | |
| 4972 | 기타 |
younhoso
|
6년 전 | 2263 | |
| 4971 | JavaScript | 6년 전 | 2488 | ||
| 4970 | 웹서버 | 6년 전 | 4124 | ||
| 4969 | JavaScript |
|
6년 전 | 2783 | |
| 4968 | JavaScript |
|
6년 전 | 1936 | |
| 4967 | JavaScript |
younhoso
|
6년 전 | 2046 | |
| 4966 | JavaScript |
|
6년 전 | 2117 | |
| 4965 | PHP |
|
6년 전 | 2104 | |
| 4964 | 기타 | 6년 전 | 2923 | ||
| 4963 | JavaScript | 6년 전 | 2091 | ||
| 4962 | JavaScript | 6년 전 | 2286 | ||
| 4961 | jQuery |
아이티몬스
|
6년 전 | 2095 | |
| 4960 | PHP | 6년 전 | 2743 | ||
| 4959 | 기타 | 6년 전 | 2569 | ||
| 4958 | PHP |
아이티몬스
|
6년 전 | 4580 | |
| 4957 | 기타 | 6년 전 | 2099 | ||
| 4956 | 정규표현식 |
하늘위의길
|
6년 전 | 2324 | |
| 4955 | 정규표현식 |
하늘위의길
|
6년 전 | 2678 | |
| 4954 | 웹서버 |
하늘위의길
|
6년 전 | 4138 | |
| 4953 | PHP | 6년 전 | 2527 | ||
| 4952 | PHP |
몰라무서워
|
6년 전 | 3214 | |
| 4951 | MySQL | 6년 전 | 4133 | ||
| 4950 | jQuery | 6년 전 | 3616 | ||
| 4949 | node.js | 6년 전 | 2682 | ||
| 4948 | node.js | 6년 전 | 2407 | ||
| 4947 | node.js | 6년 전 | 2648 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기