devil cat everdevel character

현재 작업 중..

disney Teyon kin

find()

find는 어떤 특정 태그 안에 속한 태그를 선택하는 기능을 갖고 있습니다.

말로하면 어려우니 소스를 보면서 이해를 해봅시다.

HTML

<div class="hello">
	<p>php</p>
	<b>html5</b>
	<h4>css3</h4>
</div>

위의 소스를 보면 hello안에 php html5 css3가 각각 다른 태그로 감싸져있습니다.

그럼 find()를 이용해서 h4클래스를 선택해 보겠습니다.

그리고 나서 hello 안에 있는 h4클래스만 빨간색 외곽선 쳐보겠습니다.

jQuery

  var hello = $('.hello');
  var h4 = hello.find('h4');
  h4.css('border',1px solid red');

결과

php

html5

css3

위의 결과를 보면 h4태그인 css3에만 빨간색 외곽선이 처리된것을 볼 수 있습니다. 에버디벨의 css의 영향을 받아서 위치들이 이상한데요. 신경쓰지 말아주세요.

저는 아직 공부가 부족해서 그런지 find()가 어떠한 기능을 위해서 존재하는지 잘 모르겠습니다. ^^;; 그러므로 강좌는 여기까지 하겠습니다.

소스

<!doctype html>
<html>
<head>
<title>
웹 에디터에서 제이쿼리 예제가 구동이 안될시에는 파이어폭스(권장) 또는 인터넷 익스플로러를 이용해주세요.
</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js" ></script>
<script type="text/javascript">
$(function(){
  var hello = $('.hello');
  var h4 = hello.find('h4');
  h4.css('border','1px solid red');
});
</script>
<style>
</style>
</head>
<body>
<div class="hello">
<p>php</p>
<b>html5</b>
<h4>css3</h4>
</div>
</body>
</html>
다음강좌는 17강.각각 처리-미완성 입니다. 클릭하면 다음 강좌로 이동합니다.