책대로 했는데 스크립트 에러가 나서 확인해 보니 보던 책의 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>
실행 결과 모습
