본문 바로가기

반응형

프로그래밍/jQuery

(12)
[jQuery] 특정 문자 시작, 포함, 제외하는 class 찾기 특정 문자 시작, 포함, 제외하는 class 찾기 위와 같은 HTML코드가 있을 때, 특정 문자를 포함 혹은 제외하는 클래스 객체를 찾아보자 // btn을 포함하는 클래스 (btn, div_btn, btn_tr, btn excel) $("[class*='btn']"); // btn을 포함하고, excel을 포함하지 않는 클래스 (btn, div_btn, btn_tr) $("[class*='btn']";).not("[class*='excel']"); // tr태그에서 btn을 포함하는 클래스 (btn_tr) $("tr[class*='btn']"); // btn으로 시작하는 클래스 (btn, btn_tr, btn excel) $("[class^='btn']"); // btn으로 시작하고, srch의 하위 자..
[jQuery] jquery 템플릿 (text/x-jquery-tmpl) jquery template을 사용하여 데이터를 바인딩해보자 참고사이트 https://github.com/BorisMoore/jquery-tmpl
[jQuery] opener, parent 부모창 제어 부모창을 제어해보자 자신의 창이 팝업창(popup)일 경우 opener, 아이프레임(iframe)일 경우 parent로 부모창을 제어한다. 예제
[jQuery] beforeunload 페이지를 떠날때 이벤트 발생 (onbeforeunload) beforeunload를 사용하여 해당 페이지를 떠날지 여부를 체크해보자 beforeunload는 페이지를 떠날 경우 발생하는 이벤트다.즉, 인터넷 창을 닫거나, 다른 페이지로 이동하는 경우를 의미한다. 예제 12345 $(window).on("beforeunload", function () { return "영상을 50초 이상 시청하지 않아 학습이 완료 되지 않았습니다.\n그래도 종료하시겠습니까?"; });Colored by Color Scriptercs 위의 코드는 해당 페이지를 떠날 경우 다음과 같은 창이 뜨게 된다. 이 페이지 나가기 클릭 시 (return true) 해당 페이지를 떠나게 된다.이 페이지에 계속 있기 클릭 시 (return false) 해당 페이지에 계속 머물게 된다. 참고 bod..
[jQuery] append, remove 태그 추가/삭제 append(), remove() 함수를 사용하여 태그를 추가/삭제 해보자 1234567891011 function List() { var tmpHtml = ""; tmpHtml = tmpHtml + "테스트"; $("#div_List").append(tmpHtml); } cs List() 함수가 수행되면, 다음과 같이 div_List 태그 사이에 테스트가 추가된다. 1테스트cs 그렇다면, List() 함수가 여러번 수행될 경우는? 다음과 같은 코드가 작성될 것이다. 1테스트테스트테스트테스트...cs 만일, div 태그 내부의 요소들을 삭제 후 새로 append 시켜주고 싶을 경우 remove() 함수를 사용하여 내부 요소 들을 삭제해주는 코드를 추가해준다. 1234567891011121314 funct..

반응형