페이지 시작시 시작부분.
$(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("이 입력박스를 채우세요");
});
}
'JQUERY' 카테고리의 다른 글
jquery ajax json mvc 스프링 post (0) | 2022.07.20 |
---|---|
jqgrid jquery 내부값 변경하기 특정셀값 jqgrid (0) | 2014.12.01 |
JUQERY 폰 전화 PHONE 정규식 검사 - 포함 (0) | 2014.12.01 |