노드 복제와 템플릿 Node clone, template

참고 notion https://www.notion.so/mioksong/JavaScript-DOM-for-Vanilla-JS-c6edf7a6bbe2405595d91d21eda3bc1e#ed58eb48a5c3422db5d305e4127938d3 JavaScript & DOM for Vanilla JS 목차 www.notion.so JS window.addEventListener("load", function(){ var notices = [ {id:5, title:"추가한당~~~", regDate:"2019-01-26", writerId:"newlec", hit:"0"}, {id:6, title:"복제한당~~", regDate:"2019-01-26", writerId:"newlec", hit:"0"} ]..

2022.05.30

jQuery 셀렉터, 요소 복사 및 잘라내기

아이템 순서대로 찾기 jQuery 셀렉터에 의해 리턴되는 각각의 아이템에는 인덱스 번호가 할당되며, 이 번호는 객체집합을 필터링할 때 사용할 수 있다. 인덱스 번호를 이용하여 요소 찾기 메소드, 셀렉터 설명 .eq() 인덱스 번호에 해당하는 요소를 리턴한다. :lt() 지정된 숫자보다 인덱스 번호가 작은 요소들을 리턴한다. :gt() 지정된 숫자보다 인덱스 번호가 큰 요소드를 리턴한다. 요소를 잘라내거나 복사하기 jQuery 객체집합을 얻게되면 이 페이지의 메소드들을 이용하여 해당 요소들을 제거하거나 복사할 수 있다. 잘라내기 메소드 설명 .remove() DOM 트리에서 조건에 일치하는 요소들을 제거한다. (하위요소 및 텍스트 노드들도 모두 제거) .detach() .remove() 메서드와 동일하지만..

2022.01.11

jQuery left right clone gallery

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} ul, li{list-style:none;} #slide_gallery_box{position:relative; width:750px; border:3px solid #CCC; overflow:hidden;} #slide_gallery_box .slide_gallery{position:relative; left:0; top:0; width:1500px; overflow:hidden;} #slide_gallery_box .slide_gallery ul{float:left;} #slide_gallery_box .slide_gallery ul li{float:left;} #slide_galler..

2021.12.15

jQuery silde left (partenr banner)

JS // JavaScript Document $(document).ready(function() { var position = 0; // 최초위치 var movesize = 2; // 설정된 초 마다 이동할 픽셀 var timeonoff; $('.partnerBox ul').after($('.partnerBox ul').clone()); // ul 끝에 ul을 복제해라 function partnerMove(){ position -= movesize; // 최초위치에서 이당할 픽셀마다 감소 $('.partnerBox').css('left',position); if(position < -945){ $('.partnerBox').css('left',0); position = 0; } }; timeonoff=..

2021.12.15