jQuery - 유용한 내용

인터넷에서 스크랩한 것들을 정리합니다.

 

 

1. 커서 변경
$("body").css("cursor", "default");
$("body").css("cursor", "wait");
 

2. Table의 타이틀 Row를 제외한 모든 Row 삭제하기
$("#tableId > tbody").children("tr:not(:first)").remove();

3. Table의 마지막 Row 다음에 Row 추가하기
$("#tableId > tbody:last").append("<tr><td>Text</td></tr>");
 

4. innerHTML값 Setting하기
$("#tagId").html("<strong>Text</strong>");
 

5. 해당 ID로 지정된 HTML 보이기/숨기기
$("#tagId").show();
$("#tagId").hide();
 

6. ID로 지정된 Form Submit 하기
$("#tagId").attr("target", "_top");
$("#tagId").attr("action", "/sabisung/list.jsp");
$("#tagId").submit();
 

7. each Loop에서의 break/continue
$("#tagId").find("option").each(function() {
    if(this.value == "3") {
        return false; //break 의미
        return true; //continue 의미
    }
});

8. Table의 특정(ID를 가지는) TR 다음에 TR Row를 추가하기
$("#tableId > tbody").children("tr").each(function() {
    if(trId == $(this).attr("id")) {
        $(this).after("<tr><td>Text</td></tr>");
        return false;
    }
});
 
9. Table의 특정(ID를 가지는) TR Row를 삭제하기
$("#tableId > tbody").children("tr").each(function() {
    if(trId == $(this).attr("id")) {
        $(this).remove();
        return false;
    }
});
 
10. 숫자인지 체크
function isNumber(v) {
    var reg = /^(\s|\d)+$/;
    return reg.test(v);
}
 
11. 숫자인지 체크 (-/+ 부호까지 체크)
function isNumber(v) {
    var reg = /^[-+]?\d+$/;
    return reg.test(v);
}
 
12. 소수점 자리수에 맞는 숫자인지 체크 (소수점 2자리까지 체크)
function isFloat2(v) {
    var reg = /^[-+]?\d+.?\d?\d?$/;
    return reg.test(v);
}
 
13. 숫자에 콤마 추가하기 (금액단위)
function setComma(n) {
    var reg = /(^[+-]?\d+)(\d{3})/;
    n += "";
    while (reg.test(n)) n = n.replace(reg, "$1" + "," + "$2");
    return n;

}