본문 바로가기

Web/jQuery27

[jQuery] jquery 클릭한 객체 속성값 추출 / closest find children 차이점 이야 뻘짓 했다~ 게시글 목록을 그리는데 다음과 같이 게시글 모두 _boardItems라는 class를 가지고 있고각 게시글마다 key값이 되는 docnum이라는 속성값을 가지고 있을 때게시글 상세보기를 위해 클릭한 객체의 속성값을 가져오는걸 하고 싶었다. 그래서 closest find등을 조합해서 찾으려고 뻘짓을 하다가………………………………………개념이 부족하다는 것을 꺠닫 -_-………………. (1) children은 선택한 객체의 바로 밑 !!!!! ex) $(this).children()(2) closest는 선택한 객체에서 가장 가까운거 !!!! ex) $(this).closest(‘td’) >>지금 같은 경우는 closest로 td를 찾았으면 가장 첫 번째 td를 찾아서 속성값을 못 가져왔을 것(.. 2016. 8. 5.
[jQuey]form과 ajax / form submit 막기 / onsubmit="return false;" [jQuey] form과 ajax / onsubmit / 자동클릭(trigger) 게시판을 개발하다 보면 (이외 다른 것에도 ), 검색박스에 찾고자 하는 keyword를 입력 후검색을 해야 할 경우가 꼭 (늘상….) 있다. 방법은1) 검색버튼을 직접 클릭하거나2) 검색 input 박스에서 enter키 누르거나 필자는 두 방법을 다 개발하는데 , 소스 버전업 중2)번에 대한 case를 수정개발하다 이상한 현상(?)을 발견했다. $('#keywordBox').keydown(function(e) { if (e.keyCode == '13') { $('#boardSearchBtn').trigger('click'); }}); //검색$('#boardSearchBtn').on('click',function (){ _.. 2016. 8. 5.
[jQuery] datepicker 예제 두개의 달력 ()~() 범위에서 minDate, maxDate 설정@@ $("#datepicker1").datepicker({dateFormat:'yy-mm-dd',showMonthAfterYear : true,changeMonth : true,changeYear : true,numberOfMonths:1,showOn:'both',buttonImage:'/images/iconCalendarSmall.gif' ,buttonImageOnly :true ,buttonText :"날짜선택",dayNamesMin : ['일','월','화','수','목','금','토'],monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],.. 2016. 7. 20.
[jQuery Plugin] ALS(any list scroller) / 슬라이드 플러그인 http://als.musings.it/ 참고! 사용 예) if(data> 0){ $("#AAA ").als({ visible_items: 3, scrolling_items: 1, orientation: "horizontal", circular: "yes", autoscroll: "yes", interval: 10000, speed: 2500, easing: "swing", direction: "right", start_from: 0 }); } else { $("# AAA ").als({ visible_items: 3, scrolling_items: 1, orientation: "horizontal", circular: "yes", autoscroll: "no", interval: 3000, speed:.. 2016. 7. 7.
[JQuery 기본 개념] JQuery문법-Event / .on() 1.1 Event-시스템에서 일어나는 사건을 의미-javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다.à 클릭, 마우스 이동, 타이핑, 페이지 로딩등을 했을 때 사건이 일어나는데 그것을 Event라 한다.-이벤트가 발생하면 시스템에게 알려두었던 로직이 호출된다. * JQuery의 이벤트-크로스브라우징의 문제를 해결해줌-click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공-live를 이용하면 현재 존재 하지 않는 엘리먼트에 이벤트 핸들러를 설치할 수 있(jQuery 1.7이후 부터 live()함수를 사용하지 않고 .on()으로 대체되었다)-bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1)-trigger로 이벤트 핸들러를 강제로 실행 Ex).. 2016. 6. 23.
[JQuery 기본 개념] JQuery문법-Chain기법이란? 1.1 Chain 기법-한번 선택한 대상에 대해서 연속적인 제어를 하는 것.-코드가 간결해짐-하지만, 너무 복잡한 chain은 코드의 가독성을 떨어 뜨릴 수 있다. 2016. 6. 23.

티스토리툴바