본문 바로가기
반응형

JQuery 사용해보기.4

[JQUERY] 사용자 브라우저 알아내기 - jQuery.browser 사용자 브라우저 알아내기 - jQuery.browser jQuery를 이용해 사용자의 브라우저를 알아내고 사용자의 브라우저에 따라 호환성있는 스크립트를 실행할 수 있도록 할 수 있습니다. 또는 IE6 같은 구버전 브라우저를 사용하는 사용자에게 경고메세지를 표시하는 등 응용하기에 따라 유 용히 사용할 수 있는 스크립트라 할 수 있겠습니다. 흠 하지만 IE6을 강제 업데이트 하고 있기때문에 이 제는 조금 편해졌겠죠? ㅎㅎ 고질적인 버그 브라우져로 인해 수백만 개발자들이 골머리를 앓았던 브라 우저가 드디어 역사 속 저편으로 없어지게 됐네요.ㅎㅎ 1. 브라우저 체크 $.browser.msie : 익스플로러인지를 확인. IE라면 true를 반환 아니라면 false를 반환합니다. $.browser.mozilla :.. 2012. 3. 5.
[ 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] checkbox 속성 1. 개수 구하기 $("input[name=chk]:checkbox:checked").length $("input[name='chk[]']:checked").length 2. 체크 확인 $("#check_all").is(':checked') 3. chk 개수만큼 돌면서 실행 $("input[name=chk]").each( function(){ // 명령어 } } 4. each 실행되면서 그 값이 참이면 실행하는 로직 var chk2 = $("input[name='chk2[]']"); var i = 0; $("input[name='chk1[]']").each( function(){ if(this.checked){ chk2[i].value = "Y"; }else{ chk2[i].value = "N"; } i.. 2011. 9. 6.
[JQUERY] JQuery의 기본 속성 사용해보기. 프로토타입, 도조 등 많은 비슷한 스크립트 라이브러리들이 있지만 요세 대세? 가벼우면서 막강한 JQuery를 사용해봅시다. 각 포털사이트에서 JQuery를 검색해보면 JQuery는 홈페이지에서 다운로드 할 수 있습니다. *해당 엘리먼트 접근하기 일반 : document.getElementById("id"); JQuery : $("#id"); - 엘리먼트의 ID 접근시 #, class 접근시 . *해당 엘리먼트의 값 접근하기 일반 : document.getElementById("id").value; JQuery : $("#id").val(); - 엘리먼트의 값을 대입하고 싶다면 $("#id").val("값"); *해당 엘리먼트의 개체를 비교하여 true/false를 알려주는 메소드 일반 : d.. 2011. 9. 6.
반응형