Script

JQuery-2

하가령 2009. 2. 20. 18:02


size() / length - element 의 개수를 리턴
$("p").size();
$("p").length;

eq(position) - element 들 중 원하는 위치의 element 를 선택, position 은 원하는 위치
$("p").eq(2); //3번째 위치에 있는 p-element 를 선택

get() - 대상이 되는 모든 element 를 리턴(리턴되는 값은 객체 배열)
var arr = $("p").get();
alert(arr.length);

get(Number) - 입력 값의 위치에 있는 element 를 리턴(0부터 시작)
var ele = $("p").get(2);
alert($(ele).html());

index(subject) - 입력받은 element 의 위치가 몇 번째 인지를 리턴(위치 값은 0 부터 시작, 값이 없으면 -1 리턴)
subject 는 element 를 입력함
var num = $("p").index($("p:contains('second')"));
alert(num);

#css 속성
css 속성값 찾기 : $("p").css("fonSize");
css 속성값 한 개 설정 : $("p").css("background-color","red");
css 속성값 여러 개 설정 : $("p").css({background-color:"yellow", color:"red",});

$.each(); - 반복문의 대용
var arr = $("p");
$.each(arr, function(i){ -- i 값은 순서 인덱스 값으로 0 부터 시작 함.
    if(i%3 == 0){
        $(this).css("color","red");
    }
});

$.trim(); - 양쪽 공백을 없앰
var str = " Hellow, JQuery ";
str=$.trim(str);
alert(str);