본문 바로가기

Javascript/Jquery

(23)
Javascript 함수명 addEventListener 쓰면 두번호출됨 Jquery에서 해당 함수명이 있으면 자동으로 호출을 하기때문에 혹시 모르시고 addEventListener 함수를 만들고 아래 처럼 호출하면 2번 호출된다. $(document).ready(function(){ addEventListener (); });
화살표 키보드로 위아래 아이템 움직이기 ul li.on { background: #eee; } $('#keyword').on('keydown',function(e) { if(e.which == 13) { let liOn = $('#list li.on'); if(liOn && liOn.length > 0){ liOn.find('a').click(); } else { $('#search').trigger('click'); } } else if(e.which == 40){ fn_downUpItem('down'); } else if(e.which == 38){ fn_downUpItem('up'); } else{ $('#list').html(''); } });
JWPlayer 사용시 가운데 실행 아이콘 삭제해야할 경우 고객사의 요청으로 영상이 끝나면 멈춰달라는 요청이 있었다 그리고 멈추면 실행 아이콘이 생기는데 숨겨야하는 이슈도 던져줬다. 일단 영상이 멈추면 실행아이콘이 jwplayer에서 자동 생성된다 그냥 아이콘 클래스를 jquery로 잡아서 hide하려 했는데 타이밍이 그래서 인지 잡을수가 없습니다. 간단하게 settimeout을 사용했다. jwplayer('player').onTime(function (event) { if (!seeking) { if (renderMode != "html5") maxPlayPosition = event.position - 60 > maxPlayPosition ? (event.position - 60) maxPlayPosition ? event.position : maxPlayP..
체크박스 하나 클릭시 모두 클릭되는 함수 닷넷 Webform용 function fn_checkAll(el){ var checked = $(el).is(':checked'); //선택된 체크박스 var checkboxList = $('.check_data input[type="checkbox"]'); //토글될 체크박스 checkboxList.prop('checked', checked); //jquery 6.1 이상 //checkboxList.attr('checked', checked); //jquery 6.1 이하} html
JQuery Widget 모음 웹사이트에 차트 적용건이 있어 웹서핑중 좋은걸 발견했다 도움이 되시길 http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_print.htm
opener, parent 객체접근하기 $("#id", opener.document); 위의 코드 처럼 접근할수 있습니다.
Jquery를 이용해서 두가지 Attribute로 Element찾기 만약 두개의 엘레먼트가 있다 이때 input type이 text이고 value가 1인 요소를 어떻게 찾을수 있을까 간단하게 이렇게 하면 된다. $('input[type="text"][value="1"]') 위와같이 query를 하면 찾고자 하는 요소를 얻을 수 있다.
jquery api 서칭 add in https://chrome.google.com/webstore/detail/nodlebcfeeenaomnbjpnaoclehblaaab/related?utm_source=chrome-ntp-icon 위의 주소에서 jQuery Browser를 크롬에 설치해 보세요. 아래와 같이 편하게 jquery api 를 찾을수 있습니다. 예제도 있네요