_NOTE

$('.slider-items').slick({ rows: 1, //이미지를 몇 줄로 표시할지 개수 dots: false, //슬라이더 아래에 도트 네비게이션 버튼 표시 여부(true or false) ▶기본값 false appendDots: $('selector'), //네비게이션 버튼 변경 dotsClass: 'custom-dots', //네비게이션 버튼 클래스 변경 infinite: true, //무한반복(true or false) 기본값 true slidesToShow: 4, //한번에 보여줄 슬라이드 아이템 개수 slidesToScroll: 4, //한번에 넘길 슬라이드 아이템 개수 slidesPerRow: 1, //보여질 행의 수 (한 줄, 두 줄 ... ) autoplay: true, //슬..

$(selector).each(function(index, item){ var this_val = $(item).val(); });

$.ajax({ type : 'post' , url : 'ajax/getData' , data : $('#form1').serialize() , dataType : 'json' , success : function(rst){ $('#list').empty(); $('#list').append(rst.html); } , error : function(status, request, error){ console.log(status); console.log(request); console.log(error); } }); list 에 append된 html 소스의 이벤트는 .on() 으로 해결 ** 이벤트 바인딩 메서드 .bind() => .live() => .delegate() => .on() html 중 내부..

setTimeout(function() { jsInquiry() }, 3000); 3초후 jsInquiry() 함수실행

function addComma(str){ str = str.replace(/\B(?=(\d{3})+(?!\d))/g, ","); return str; }

- 버블링 bubbling 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작 가장 최상단의 조상 요소를 만날때 까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. ex) 1 2 3 --> 1. 가장 안쪽의 3을 클릭하면 해당 div에 할당된 onclick 핸들러가 동작 2. 바깥의 div 2의 할당된 onclick핸들러 동작 3. 그 바깥의 div 1의 할당된 onclick 핸들러 동작 document 객체를 만날때 까지 각 요소에 할당된 onclick 핸들러가 동작함. 거의 모든 이벤트는 버블링된다. -- focus이벤트와 같이 버블링되지 않는 이벤트도 있다. event.target 부모 요소의 핸들러는 이벤트가 정확히 어디서 발생했는지 ..

jQuery 라디오 버튼 클릭이벤트 Read Write Guest Name :

$(" [class ^= name] "); : name으로 시작하는 class$(" [class *= name] "); : name을 포함하는 class$(" tr [class ^= 'tr' ] "); : tr태그에서 tr로 시작하는 class => 해당 class나 id의 count가 필요한 경우 자주 쓰임 ex) $("[id ^= phone]").length와 같이 phone이라는 단어로 시작하는 id값의 개수를 구해서 없을경우 혹은 많은 경우를 체크 $(" # test ").val(); : id가 test인 태그의 value$(" .test ").val(); : class가 test인 태그의 value$(" input [name='test' ] ").val(); :: input 태그의 name속성값..