Hello Brother!

다음의 구문처럼 변경할 수 있다..css('backgroundColor', '#99cc00');

보통 $(document).width()로 화면 전체 크기를 알아낼 수가 있고 $('body').innerWidth()로 스크롤 바를 제외한 영역의 크기를 구해낼 수가 있다.

예 )사과바나나파인애플 1. radio 버튼 선택 jquery 1.6 버전 이하$('input:radio[name="fruit"][value="apple"]).attr('checked', 'checked'); jquery 1.6 버전 이상$('input:radio[name="fruit"][value="apple"]).prop('checked', true); 2. radio 버튼 선택된 값 가져오기var fruitValue = $('input:radio[name="fruit"]:checked).val(); ※ jquery 에서 attr과 prop 에 관한 내용은 추후에 정리 하겠습니다.

로딩중 표시 function wrapWindowByMask() { //화면의 높이와 너비를 구한다. var maskHeight = $(document).height(); // var maskWidth = $(document).width(); var maskWidth = window.document.body.clientWidth; var mask = ""; var loadingImg = ''; loadingImg += ""; loadingImg += ""; loadingImg += ""; //화면에 레이어 추가 $('body') .append(mask) .append(loadingImg) //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다. $('#mask').css({ 'width' : m..

버전에 따라 지원되는 방식의 차이가 있으므로 확인 후 사용하길 바란다.

public void ajaxTest(HttpServletRequest request, HttpServletResponse response) throws Exception { response.setContentType("application/xml; charset=UTF-8"); PrintWriter out = response.getWriter(); StringBuffer sb = new StringBuffer(); sb.append(""); String result = null; try { // 파라메터 HashMap param = new HashMap(); param.put("userId", "yangyag"); // 디비 값 변경 int rst = dao.insertUser(param); // 결과..

each 작업 중 이게 몇번째 인지 알고싶을 때가 있다.예를 들어 j$('input:checkbox[name="chkAllSub"]').each(function(index) {...... 내용}); 이런 작업이 있다고 했을 때 저 index 값을 이용하여 번호를 알아낼 수 있다.

1. check 유무 확인$('#elementId').is(':checked'); 2. input name 으로 접근하여 check 유무 확인$('input:checkbox[name="elementName"]').is(':checked'); 3. input name 으로 접근한 checkbox 중 check 된 것들만 추출$('input:checkbox[name="elementName"]:checked'); 4. input name 으로 접근한 checkbox 전체 체크$('input:checkbox[name="elementName"]').attr('checked', true);체크 해제는 false 로 입력. 5. checkbox 개수 확인$('#elementId:checked').length;

jquery 를 이용하여 트리 메뉴 구조(tree view)를 만들 수 있다. jquery 를 이용하여 트리 메뉴를 구현해 놓은 plugin 들이 많은데 http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ 에서 구현 해 놓은 소스가 가장 간결한것 같아서 이걸 참고로 한 간단한 트리 메뉴를 구성 해 보았다. Demos 를 누르면 여러가지 트리 메뉴 종류들을 확인 할 수가 있는데 그중에서도 Large 라는 트리 구조 메뉴를 간단하게 소개 하자면 다음과 같다. 별다른 설명도 필요없이 위에서 보는 바와 같이 ul 및 li로 메뉴를 구성하면 끝 이다. 전체 닫기 | 전체 열기 첫번째 메뉴 서브메뉴 두번째 메뉴 첫번째 서브메뉴 두번째 서브메뉴 서브메뉴 속 첫..

http://plugins.jquery.com/alphanum/