728x90 300x250 SMALL javaScript/jQuery153 [jQuery]index 값 구하기 index() $대상.index() $목록.index($대상) $목록.index(대상DOM) 대상 인덱스값 가져오기 foo bar baz 클릭한 인덱스값 가져오기 foo bar baz 참고 : https://api.jquery.com/index/ 2023. 1. 8. [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. 이전 1 ··· 27 28 29 30 31 32 33 ··· 39 다음 728x90 반응형 LIST