[📝과제] 개발과제 1 (2021.01.25)

과제 주제

1. li 태그 중 2번째 요소 선택(contains, eq 사용) 
2. li 태그 중 2번째 요소 뒤에 <li>2-2</li>  추가 
3. 항상 첫번째와 마지막 요소를 선택하는 방법

코드 작성

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
		<script>


			$(document).ready(
					function() {
				
				
				
				$('li').filter(":contains('2')").css("background","black");
				//2가 포함된 요소의 바탕색을 black으로 변경
				
				// 이렇게도 쓸 수 있다.
				/* $('li:contains("2")').css('color', 'blue'); */
				
				
				$("li").eq(1).css("background-color", "yellow");
				//eq('x') 'x'번째 인덱스의 값에 대해 css적용
				
				
				$("li").first().css("background-color", "red");
				//li 태그 첫번째 요소의 바탕색을 red로 변경
				
				$("li").last().css("background-color", "orange");
				//li 태그 마지막 요소의 바탕색을 orange로 변경 
				
			
			});
			
		
		</script>

	<ul>
		<li>1</li>
		<li>2</li>
        <li>2-2</li>
		<li>3</li>
	</ul>