728x90 300x250 SMALL javaScript/jQuery148 [jQuery]each() 메서드 순차적으로 접근하기 each() $대상.each(function(index){ var $target=$(this); //or var $target = $대상.eq(index); }) $대상에 노드를 순차적으로 접근할 수 있다. 버튼을 클릭하면 각 list item값이 alert 값으로 호출된다. Alert the value of each list item Coffee Milk Soda 2022. 12. 28. [jQuery] eq() 와 get()의 차이 eq(), get() 메서드는 대상 노드의 n번째에 해당하는 노드에 접근한다는 공통점이 있다. 반면 eq(), get()메서드의 차이점은 jQuery 객체로 반환, DOM element로 반환한다는 차이가 있다. eq() $대상.eq(index) 위 구문이 실행되면 index번째 HTML엘리먼트 DOM 객체를 가진 새로운 jQuery 객체가 생성된다. eq메서드를 사용하면 제이쿼리 객체로 반환되기 때문에 제이쿼리 메소드를 사용할 수 있다. get() $대상.get(index) 하지만 제이쿼리가 지원하지 않는 기능을 사용해야할 경우도 있다. 이런 경우에는 자바스크립트 DOM에 직접 접근해서 사용해야 하는데 이런 경우 사용할 수 있는 메서드가 get()이다. get()메서드는 값을 배열로 저장하기 때문에 배.. 2022. 12. 26. [jQuery]n번째 노드 접근하기 eq $대상.eq(index) jQuery의 eq메서드를 이용하면 n번째 노드에 접근할 수 있다. 참고 : https://api.jquery.com/eq/ 2022. 12. 25. [jQuery] ready()메서드 사용방법 4가지 대부분의 프로그래밍 언어에 진입점에 해당하는 main()메서드가 있듯이 jQuery에도 진입점에 해당하는 ready()메서드가 있다. ready()메서드는 문서의 노드를 사용할 준비가 되면 Document객체에서 발생하는 DOMContentLoaded 이벤트 처리를 포장한 메서드이다. jQuery에서 ready()메서드를 사용하는 방법은 아래 4가지 방법이 있다. // 방법1 jQuery(document).ready(function(){ console.log("ready() 메서드 사용법"); }); // 방법2 jQuery(function(){ console.log("ready() 메서드 사용법"); }); // 방법3 $(document).ready(function(){ console.log("rea.. 2022. 12. 9. 이전 1 ··· 26 27 28 29 30 31 32 ··· 37 다음 728x90 반응형 LIST