- 날짜 약자
학창시절 공부를 안하니... 별게 다 신경 쓰게 하는구나... 휴
January-> Jan 1월| ETC_[ Win7 Telnet 설정 ] (0) | 2014.11.04 |
|---|---|
| ETC_[Apache Error Code] (0) | 2013.08.24 |
| 학교숙제자료 (0) | 2013.04.16 |
| ETC_[제발 a href="#" 좀 쓰지 말자] (0) | 2013.03.13 |
| NHN_NEXT 학교(?)를 설립하다 (0) | 2012.06.30 |
- JQuery 특정 태그 선택 : find()
<!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>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
//변수 선언
var xml = "";
xml += "<friends>";
xml += " <friend>";
xml += " <name>연하진</name>";
xml += " <language>Ruby</language>";
xml += " </friend>";
xml += " <friend>";
xml += " <name>윤명월</name>";
xml += " <language>Basic</language>";
xml += " </friend>";
xml += " <friend>";
xml += " <name>윤하린</name>";
xml += " <language>C#</language>";
xml += " </friend>";
xml += "</friends>";
$.noConflict();
var J = jQuery;
J(function () {
var xmlDoc = J.parseXML(xml);
J(xmlDoc).find("friend").each(function () {
var outPut = "";
outPut += "<div>";
outPut += " <h1>" + J(this).find("name").text() + "</h1>";
outPut += " <p>" + J(this).find("language").text() + "</p>";
outPut += "</div>";
document.body.innerHTML += outPut;
});
});
</script>
<title>Untitled Page</title>
</head>
<body>
</body>
</html>
| JQery_[ hover() & toggle ] (0) | 2013.01.21 |
|---|---|
| JQuery_[ 이벤트 연결 기본 bind() ] (0) | 2013.01.21 |
| JQuery_[JQuery filter() 메서드 사용] (0) | 2013.01.07 |
| JQuery_[JQuery 를 이용한 객체 확장] (0) | 2013.01.07 |
| JQuery_[배열1(스크립트배열), 배열2(선택자)] (0) | 2013.01.07 |
- JQuery_[JQuery filter() 메서드 사용]
<!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>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$.noConflict();
var J = jQuery;
J(function () {
// h3 행(0 부터 시작)이 홀수이면 배경 : 검정, 폰트 : 하얀색
J("h3").filter(function (index) {
return index % 3 == 0;
}).css({
backgroundColor: "Black",
color: "White"
});
// filter & end 사용 법( filter : 문서 객체 선택 후 체이닝 처리, end : 문서 객체 선택을 한 단계 뒤로 이동 )
J("h3").css("background", "Orange").filter(":odd").css("color", "Red").end().filter(":even").css("color", "Blue");
});
</script>
<title>Untitled Page</title>
</head>
<body>
<h3>Header - 0</h1>
<h3>Header - 1</h1>
<h3>Header - 2</h1>
<h3>Header - 3</h1>
<h3>Header - 4</h1>
<h3>Header - 5</h1>
</body>
</html>
| JQuery_[ 이벤트 연결 기본 bind() ] (0) | 2013.01.21 |
|---|---|
| JQuery_[특정 태그 선택(find)] (0) | 2013.01.07 |
| JQuery_[JQuery 를 이용한 객체 확장] (0) | 2013.01.07 |
| JQuery_[배열1(스크립트배열), 배열2(선택자)] (0) | 2013.01.07 |
| JQuery_[필터 선택자] (0) | 2013.01.07 |