본문 바로가기

jQuery

(19)
Javascript 의 this 키워드 사용법과 setTimeout 알아보기 javascript 에서 this 키워드는 기본적으로 전역 객체를 참조합니다. 그래서 this.변수에 값을 할당하면 전역 객체에 할당이 됩니다. 그리고 기본적인 setTimeout 으로 호출하면 기본적으로 this 가 전역객체를 바라봅니다.하지만 object 를 바라보게 this 를 조정할 수도 있는데 이때 bind, appy, call 함수로 object 를 넘기면 전역 객체가 아닌 object 의 객체를 바라봅니다. this.luckshim = "window.luckshim"; var obj = { luckshim: "obj.luckshim"}; document.writeln("1: " + this.luckshim); //window.luckshim setTimeout(function () { doc..
jQuery append 행추가 및 삭제 jQuery 행추가 및 삭제 행 추가하기행 삭제하기 제목 일시 $('#btn-add-row').click(function () { var time = new Date().toLocaleTimeString(); $('#mytable > tbody:last').append('안녕 친구들 ' + time + ''); }); $('#btn-delete-row').click(function () { $('#mytable > tbody:last > tr:last').remove(); }); first second third fourth appendToappend var newRowContent = "newcontentnewcontent2"; $("#test").click(function(){ $(newRowCont..
jQuery 에서 mouseover, mouseleave, click 함께 사용하기 on 함수를 통해 mouseover, mouseleave, click 함수를 함께 기술할 수 있다. 테스트는 여기서... http://jsfiddle.net/ZqfTX/ $('#bg').on({ mouseover: function(){ $(this).css({background: '#F93'}); }, mouseleave: function(){ $(this).css({background: '#CCC'}); }, click: function(){ $(this).off('mouseleave'); } });
HTML5 web storage - Localdb.js 알아보기 HTML5 introduces the following two mechanisms localStorage: Stores data without any expiration date (만기일 없이 데이터를 계속 저장한다.) sessionStorage: Stores data for a specific session; the data will be deleted as soon as the session ends. (세션이 종료되면 삭제됨) Now we can explain what localDB.js is. It is a library that maps the structure of databases in objects using the localStorage API provided by HTML5. So it..
jQuery 로 iframe 의 내부 값 가져오기 jQuery 로 iframe 의 내부 값 가져오기 부모페이지 test iframe 내부 페이지 Hello world!
알툴바 altoolbar 생성 자바스크립트 코드 제거하기 알툴바를 설치하면 모든 웹페이지의 닫는 head 테그에 아래처럼 script 태그 2개 를 출력한다. 이를 막을 방법도 없다. iframe 안에 있는 내용도 script 태그 2개를 출력한다. 어떻게든 본 페이지 및 iframe 안에 글도 태그를 넣기 때문에, iframe 안의 스크립트 내용을 지우기 위해서 script 태그를 삭제하는 방법 말곤 딱히 없다. 굵게 칠한 코드 부분이 알툴바에서 자동 생성한 스크립트 태그를 삭제하는 구문이다. aaa bbbb korea
jQuery 의 outerHTML() 플러그인 outerHTML 에 대한 함수 지원을 몇군데 브라우저에서 지원하지 않아 아래 처럼 플러그인을 사용하면 가져올 수 있다. 출처 : http://boedesign.com/blog/2011/03/31/outerhtml-plugin-for-jquery/ /* * Full example here: http://jsfiddle.net/jboesch26/3SKsL/1/ */ $.fn.outerHTML = function(){ // IE, Chrome & Safari will comply with the non-standard outerHTML, all others (FF) will have a fall-back for cloning return (!this.length) ? this : (this[0].outerH..
listbox 의 선택한 값 UP,DOWN 또는 이관 및 삭제 Item 1 Item 2 Item 3 Item 4 Add » « Remove Item 5 Item 6 Item 7 Up Down test