JQuery라 해서 자바스크립트에서 사용하는 SQL Query인줄 알았다. 하지만 아니었다. ㅠ.ㅠ
향상된 페이지를 위한 플러그 인 (JQTouch) - 자바스크립트 라이브러리라 보면 된다.
JQuery의 장점
- 복잡하게 사용하던 함수를 쉽게 사용할 수 있다.
[자 그럼 비교해 보자]
<일반>
------------------------------------------------------------------------------------
<JQuery 사용>
------------------------------------------------------------------------------------
아이디 받아오기 : $('#아아디명')
아이디가 foo를 받아온다. - $('#foo')
향상된 페이지를 위한 플러그 인 (JQTouch) - 자바스크립트 라이브러리라 보면 된다.
JQuery의 장점
- 복잡하게 사용하던 함수를 쉽게 사용할 수 있다.
[자 그럼 비교해 보자]
<일반>
------------------------------------------------------------------------------------
<script type="text/javascript">
function sayHello() {
document.getElementById('foo').innerHTML = 'hi there';
}
</script>
</head>
<body>
<h1 id='foo' onclick='sayHello()'>click me</h1>
</body>
------------------------------------------------------------------------------------
<JQuery 사용>
------------------------------------------------------------------------------------
<script type="text/javascript" src="../../senchalabs/jqtouch/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
function sayHello() {
$('#foo').text('hi there');
}
</script>
</head>
<body>
<h1 id='foo' onclick='sayHello()'>click me</h1>
</body>
------------------------------------------------------------------------------------
아이디 받아오기 : $('#아아디명')
아이디가 foo를 받아온다. - $('#foo')
반응형
'IT 관련 > Html5' 카테고리의 다른 글
| JQTouch 활용 (0) | 2011.10.14 |
|---|---|
| JQuery 활용 (0) | 2011.10.13 |
| 아이폰 브라우저에 CSS적용해 보기 (0) | 2011.10.08 |
| CSS 적용 방법 (0) | 2011.10.08 |
| JavaScript와 CSS의 만남 2 (객체의 이동) (0) | 2011.10.08 |