PROGRAMING/JQUERY

[jQuery] 단순화

donghunl 2011. 4. 30. 06:07
반응형

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