목록[ javascript ]/jQuery (3)
IT_susu
이벤트를 걸 당시에 해당 html이 아직 존재하지 않는다면 이벤트는 해당 html에 연결되지 않는다.이는 마치 존재하지 않는 변수에 어떤 함수를 연결하는 것과 같은 행위다. 그러나 동적으로 html을 생성할 때는 처음부터 그 dom요소가 존재하지 않으므로 이벤트를 걸기가 애매해진다.이럴 때는 2가지 방법이 있다. 1) 부모요소 혹은 body에 이벤트를 걸어놓는다.$menu.on("click", "li", function(){ // li의 부모요소에 클릭 이벤트를 걸어 놓음}); 1번 방법으로 안될 경우에 함수로 맵핑하는 방법이 있다. 2) 함수로 맵핑하여 다른 메소드에서 호출한다. - 함수 맵핑(이벤트 해지 후 재설정)function RefreshSomeEventListener() { // Remove ..
옵션 값을 합치기 위해 extend 메소드를 사용해 봅시다. $.extend(target[,object1][,objectN])target : 합쳐지는 추가 객체의 속성을 받을 객체.object1 : 합쳐질 때 기준이 될 객체. 즉, 기본옵션objectN : 기준 객체에 합쳐질 추가 객체 즉, 사용자지정옵션 사용 예options = $.extend(default_options, options)
없는 요소를 해당 메소드들에게 넣으면 추가가 되고,있는 기존 요소를 선택하여 메소드에게 넣으면 이동이 된다.삭제는 $('#cleaning').remove(); 1. 해당요소 앞에 추가하기 : before()$('ul li:first-child').before('어떤 요소'); //추가$('ul').before($('#cleaning')); // 이동 2. 해당요소 뒤에 추가하기 : after()$('ul li:first-child').after('어떤 요소'); 3. 해당요소의 자식들 중 맨 마지막에 추가하기 : append()$('ul').append('어떤 요소'); 4. 해댱요소의 자식들 중 맨 앞에 추가하기 : prepend()$('ul').prepend('어떤 요소');