[jQuery] jQuery 속성 조작하기

책대로 했는데 스크립트 에러가 나서 확인해 보니 보던 책의 jQuery버전이 1.1.3a였다.

일단 앞으로 진행은 1.1.3a버전으로 진도를.. =_=

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
	<link href="Css/cssJMBae.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
	</style>
	<!--<script src="Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>-->
	<script src="Scripts/jquery-1.1.3a.js" type="text/javascript"></script>
	<script language="javascript" type="text/javascript">
		// Use attr() to add an id, rel, and title.
		$(document).ready(function () {
			$('div.chapter a[@href*=wikipedia]').each(function (index) {		//1.2 버전 이후론 a[href*="xxx"]로 표기 
				var $thisLink = $(this);
				$thisLink.attr({
					'rel': 'external',
					'id': 'wikilink-' + index,
					'title': 'learn more about ' + $thisLink.text() + ' at Wikipedia'
				});
			});
		});
	</script>
</head>
<body>
	<h1 id="f-title">이상한 나라의 사각형</h1>
	<div id="f-author">
		<p>애드윈 애벗 지음</p>
	</div>
	<h2>1부 3장</h2>
	<h3 id="f-subtitle">플랫랜드의 주민들</h3>
	<div id="excerpt">
		<p>요약본</p>
	</div>
	<div class="chapter">
		<p class="square">전문직에 종사하거나 사회적으로 인정되는 남자, 남성들은 정사각형으로(나는 여기에 속한다) 때로는 <a href="http://en.wikipedia.org/wiki/pentagon">오각형</a>으로 표현하기도 한다.</p>
		<p class="nobility hexagon">다음이 귀족사회를 나타내는데 여기에도 여러 등급이 있다. <a href="http://en.wikipedia.org/wiki/hexagon">육각형</a>을 시작으로 변의 수가 많을수록 더 높은 지위를 약속받는다. <a href="http://en.wikipedia.org/wiki/polygon">다각형</a>의 경우 각 변의 길이가 점점 짧아져 그 모양이 <a href="http://en.wikipedia.org/wiki/circle">원</a>과 비슷해진다. 이 유형에 속하는 귀족은 자타가 인정하는 가장 높은 계급이다.</p>
		<p><span class="pull-quote">남자 아이는 <span class="drop">아버지보다</span> 변의 수가 <strong>하나 더 많은</strong> 도형으로 인정받는 법률을 만들었다.</span> 그래서 한 세대가 지날수록 지위도 한 단계씩 노아지고 다시 그다음 세대는 더 높은 지위를 얻게 된다.</p>
	</div>
</body>
</html>

실행 결과 모습

'Dev > jQuery' 카테고리의 다른 글

[jQuery] 페이지에 HTML추가 하기 (0)	2009.12.03
[jQuery] jQuery 요소 복사/추가하기(clone, prepend, append, insert) (0)	2009.12.02
[jQuery] jQuery 효과주기(fade, slide, animate) (1)	2009.11.30
[jQuery] jQuery toggle사용(접기/펴기) (0)	2009.11.30
[jQuery] jQuery 선택자 정리 (3)	2009.11.24

'Dev > jQuery' 카테고리의 다른 글

티스토리툴바