728x90 ALL36 [이벤트 연결] on() - 문자열 또는 객체로 지정 // 문자열로 지정 $('h2').on('click', 100, function (event){ $(this).html('clicked'); }); // 객체로 지정 $('h2').on({ dblclick : function(){ $(this).html('dbclicked') }, mouseenter : function (){ $(this).html('mouseentered') // mouseenter : 마우스가 태그 내로 들어왔을 때 } }); 2021. 5. 12. [이벤트 연결] this = event.currentTarget $('h2').click(function(event) { // this = event.currentTarget $(event.currentTarget).html('clicked'); $(this).css('color','red'); }); 2021. 5. 12. [문서 객체 이동] 객체가 이동하면서, 2초마다 변경됨 Bright Clever Wit Awesome Brilliant $(function(){ setInterval(function(){ $('span').first().appendTo('h2'); }, 2000); }); 2021. 5. 12. [문서 객체 삽입2] 매개변수에 index 함수 갖는 append() 메서드 $(function(){ var content = [ { name: '채은', region: '캐나다 토론토'}, { name: '윤슬', region: '캐나다 벤쿠버'}, { name: '이슬', region: '미국 샌프란시스코'} ]; $('div').append(function(index){ var item = content[index]; var output = ''; output += '' + item.name + ''; output += '' + item.region + ''; return output; }); }); 2021. 5. 12. 이전 1 2 3 4 5 6 7 ··· 9 다음 728x90
