코드보기
문서 객체 모델 찾기
애니메이션 만들기
이벤트제어
AJAX 개발
document.getElementById(“test”)
-> $(“#test”)
document.getElementById(“test”).style.display=’none’
->$(“#test”).css(“display”:”none”)
var link_lists = document.getElementById(‘link_lists’);
var links = link_liksts.getElementByTagName(‘a’);
for ( var i=0, i<links.length;i++) {
var link = links.item(i);
link.onclick = function() {
alert(‘link is : ‘ + this.href);
} ;
}
$(#links_list a’).click(function() {
alert(‘link is : ‘ + this.href);
});
$(“td:empty”).html(“0”);
$(“ul, il, dl”).hide();
$(“tr:odd”).css(“background”,”#999″);
ㅇㅏ작스
$(“#intro”).load(“intro.html”);
$.post(“login.php”, {id: “myid”, passwd: “1234”}, function(result) { if(result == 1) alert (“로그인성공”);
else alert (“로그인실패”);
});
$.ajax({
url : “login.php”,
type : “POST”,
TIMEOUT : 3000,
error : function() {
alert(“Error”);
},
success : function(result) {
if(result == 1) alert(“로그인 성공”);
else alert(“로그인실패”);
}
});
문법
$() / jQuery()
<script>
jQuery(document).ready(function( ) {
alert(“Hello World!”);
});
</script>
<script>
$(function( ) {
alert(“Hello Wolrd!”);
});
</script>
