jquery정리

JQUERY 2014. 11. 20. 09:30

페이지 시작시 시작부분.

$(document).ready(function(){   
    블라블라. (필요한 함수들 호출)
 });

jquery는 함수를 연결해서 사용가능.

$("#id명").val().toUpperCase().substring(0,5).toLowerCase();

html페이지내에서 특정 element선택하는방법

태그로 찾기.

$("태그명") -아무것도 안붙임. 

id로 찾기

$(#"id명") - #을 붙임.

class로 찾기. 

#(".클라스명") -클라스명 앞에 .을 붙임.

복수의 element 찾을수 있음

$("태그명,태그명,태그명") - 이런식 id나 class도 될듯. 

필터도 쓸수 있음

$("태그명:first").hide(); -첫번째 태그를 숨긴다.

필터는 차후 정리가 필요할것 같고. 자 다음..

현재페이지의 태그를 탐색하면서 번호를 매김

var i = 1;$("태그명").each(function(){     
    $(this).text(i + ". " + $(this).text()); 
    i++; 
});
-------

$("태그명").each(function(){

    태그명이 동일한것을 순서대로 호출함. 

안에서 사용할땐 $(this)로 접근함. 

}

------------------------------

$("태그명").eq(2).hide(); -검색된 태그의 3번째(0,1,2,3이런식으로 증가) 숨김

$("태그명").slice(2,5).hide(); - 검색된 태그중에서 3~5번째를 감춤.

--------------------------------

next() 함수는 현재 element의 다음 elemen를 접근할수 있음. 

<input type=text class=validate><span></span> 

function validateForm() 

    $(".validate:text").each(function(){ 
    if ($(this).val()==""
        $(this).next().html("이 입력박스를 채우세요"); 
}); 
}


블로그 이미지

은호아빠

여행, 맛집, 일상, 프로그래밍, 개발자, 윈도우, 웹, jsp, spring, db, mysql, oracle, c#

,