프로그래밍/jQuery (10) 썸네일형 리스트형 javascript 정규식 개행 replace textarea로 작성된 내용을 자바스크립트단에서 replace를 해야하는 경우가있다 java에서는 replaceAll이있지만 javascript에서는 replaceAll이 없다. 그러나 정규식을 이용하면 replaceAll과 같은 기능을 구현할 수 있다. value = value.replace(/\s+/, "");//왼쪽 공백제거 value = value.replace(/\s+$/g, "");//오른쪽 공백제거 value = value.replace(/\n/g, "");//행바꿈제거 value = value.replace(/\r/g, "");//엔터제거 contains함수로 같은값 찾기 $(document).ready(function() { $("#searchBox").keyup(function() { var str = $(this).val(); $("#userList > tbody > tr").hide(); var temp = $("#userList > tbody > tr > td:nth-child(7n+2):contains('" + str + "')"); $(temp).parent().show(); }); }); contains 함수를 사용하여 일치하는 값을 가져온다. 쿼리에 LIKE문과 비슷하다고 생각하면 이해하기 쉬울듯하다 검색시 힌트(?)처럼 표출되는걸 개발하려다 하나 기록해두고 싶은게 있어서 가져왔다. 제이쿼리 selector 일반 선택자 $(.class) = 클래스 선택자 $(#ID) = id 선택자 $(input:[name='name 값']) 뭐 이런식 등등 으로 선택자를 주로 사용하는데 이러한경우는 class, id, name 값이 한 단어로 이루어질 경우에 사용함. 그런데 이러한 경우 원하는 div를 선택하기위해서 element[속성~=값]: 해당 값이 특정 단어로 시작 element[속성^=값]: 특정 값으로 시작하는 객체 element[속성$=값]: 특정 값으로 끝나는 객체 element[속성*=값]: 특정 값을 포함하는 문서 객체 이러한 형식으로 적어 사용할 수 있습니다. $("tr:[class^='td_']").each(function(index,element){ //코드 작성 }); 태그 중에서 class명 앞.. checkbox 모두 체크하기 function allCheck() { var chkFlag = !$(':checkbox[name=allCheckBox]').attr('checked'); $(':checkbox[name=bbsCheck]').each(function(i){ $(this).attr('checked', !chkFlag); }); } - 모두 체크하기 버튼 - 개별 체크하기 버튼 document.getElementById != $("#id") document.getElementById는 DOM형 객체를 반환하고 $("#id")는 jQuery객체로 wrapping되어서 반환된다. $("#id")의 DOM형 객체를 참조하기 위해서는 $("#id")[0]또는 $("#id").get(0)을 사용하도록 한다. jquery *.min.js 파일에 에러가 표시 위와 같이 *.min.js 파일에 에러가 표시되어 프로젝트에 x 표시가 되는 불상사를 막기위해 1) Project->Properties->JavaScript->Include Path->Source 2) Inclusion and Exclusion Patterns 창에서 Exclusion patterns Add 버튼 클릭 3) 상황에 적합한 패턴 입력 (예 : **/jquery*.js ) 4) 적용시키면 에러 표시 제거됨 [출처] 이클립스 jquery min js파일 validator 에러 대처법 (IDE ver : Indigo)|작성자 수컷괭이 http://ghkddbguse.blog.me/40168343937 jquery 기본 함수 정의 ◆ www.sqler.com ◆ http://findfun.tistory.com/193 .appendTo() ==> 1.새로운 요소를 타겟(target)에 해당하는 요소 마지막에 추가합니다. $("span").appendTo("#foo"); .append() ==> 2 .last() ==> 7 .siblings() ==> 8 .prevAl!l() ==> 11 .prev() ==> 12 .prevUntil() ==> 13 .parentsUntil() ==> 14 ========================= .offsetPosition() ==> 16 .parent() ==> 17,18 .not() ==> 19 .nextUntil() ==> 22 .nextAll() ==> 23 .next() ==> 26(.. event.preventDefault() event.preventDefault() 페이지 링크 위 코드를 실행 시키면 alert 메세지는 실행되나 HTML 이벤트 페이지 이동은 실행 되지 않는다.마우스 롤오버,롤아웃(hover) 이벤트는 실행됨.[출처] jQurey preventDefault()|작성자 달콤쌉쌀 이전 1 2 다음