본문 바로가기
반응형

jquery 스크립트20

[ JQUERY ] 한번만 실행하기 - One [ JQUERY ] 한번만 실행하기 - One 예제설명 : 입력 창을 최초에 클릭하면 기본 value값을 초기화 하는 이벤트 $(document).ready(function(){ $('#contents').one("click", function(){ $('#contents').attr("value",""); }); }); Contents 객체를 클릭하면 최초 한번만 클릭 이벤트가 실행되어 contents value값을 초기화 한다. 2012. 2. 15.
[ JQUERY] 입력창 글 길이 체크 - live 댓글 창에 글자를 쓰면 입력 문자의 글 수 표시 $('#contents').live("keyup",function(){ var f = $(this).val(); var msglen = 0; msglen = reCount(f); $('#byte').text(msglen); if(msglen > 210){ rem = msglen - 210; alert('입력하신 문장의 총길이는 ' + msglen + '입니다 .\n초과되는 ' + rem + '바이트는 삭제.'); $(this).val(cutMsg(f)); $('#byte').text(210); } }); 2012. 2. 10.
[ JQUERY ] SRC 변경하기 클릭시 이미지의 src를 변경 html : jQuery : $("#imgSrc").bind("click", function(){ $("#imgSrc").attr("src", "2.jpg"); }); 구분설명 : imgSrc의 이미지 주소를 2.jpg로 변경한다. 2012. 2. 9.
[JQUERY] Input 모든 요소 가져오기 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> $(document).ready(function() { var result = ""; // 폼 요소가 있는 만큼 반복하자. //alert($(':input').size()); $(':input').each(function(index) { result += "태그명 : " + this.tagName // $(this).get(0).tagName + ", type 속성명 : " + $(this).attr('type') + '\n'; }); alert(result); }); 드롭다운리스트 멀티라인텍.. 2011. 7. 12.
반응형

티스토리툴바