반응형
jQuery를 사용하면 복잡하지 않게 코드로 표현하고자 하는 것만 나타낼 수 있다. 엘리먼트를 반복할 필요가 없다.
javascript | jquery |
document.getElementById("ID") | $("#ID") |
document.getElementById("ID").style.display = 'none' | $("#ID").css("display","none") |
document.getElementById("ID").options[document.getElementById("ID").selectedIndex].value | $("#ID option:selected").val() |
var ck = document.getElementByName("NAME"); var str = ""; for(var i = 0;i<ck.length;i++){ if(ck[i].chekced) str += ck[i].value + ","; } |
var str = ""; $("#ID:checked").each( str += $(this).val() + ","; ); |
var external_links = document.getElementById('external_links'); var links = external_links.getElementsByTagName('a'); for (var i=0;i < links.length;i++) { var link = links.item(i); link.onclick = function() { return confirm('You are going to visit: ' + this.href); }; } |
$('#external_links a').click(function() { return confirm('You are going to visit: ' + this.href); }); |
반응형
'PROGRAMING > JQUERY' 카테고리의 다른 글
[jQuery] DOM 스크립팅과 이벤트 헨들링 (0) | 2011.04.30 |
---|---|
[jQuery] 막강한 CSS 셀렉터 (0) | 2011.04.30 |
[jQuery] 편리한 Ajax 호출 (0) | 2011.04.30 |
[jQuery] jQuery란? (0) | 2011.04.30 |
[jQuery] .slideToggle() (0) | 2011.04.22 |