본문 바로가기

개발언어/jQuery3

[jQuery] 제이쿼리 인덱스 찾기/ jQuery.index 사용법과 예제 jQuery - $.index() $.index()는 일치하는 요소 중에서 주어진 요소를 검색 사용 방법 index() 파라미터 없음 인수가 전달되지 않으면 반환 값은 형제 요소를 기준으로 jQuery 개체 내에서 첫 번째 요소의 위치를 ​​나타내는 정수를 반환 index(selector) 타입 : Selector Selector는 요소를 찾을 jQuery 컬렉션을 나타냄. 선택자가 인수로 전달되면 선택자와 일치하는 요소를 기준으로 jQuery 객체 내 첫 번째 요소의 위치를 ​​나타내는 정수를 반환 index(element) 타입 : Element 또는 jQuery jQuery 객체 내의 DOM 요소 또는 첫 번째 요소. 인수에 DOM Element 또는 jQuery를 개체가 인수로 전달되면, .ind.. 2021. 8. 20.
[jQuery] 제이쿼리 배열 필터링 방법/ jQuery.grep 사용법과 예제 jQuery - $.grep() $.grep()는 배열의 모든 항목을 받아 콜백 함수에 의해 필터 함수를 만족하는 배열을 반환시키는 함수입니다. return 값이 true인 결과들만 새로운 배열에 저장하기 때문에 원래의 array는 영향을 받지 않는 특징을 가지고 있습니다. 사용 방법 $.grep( Array, function ( value, index ){ }, [, invert] ); 파라메터 설명 Array 유형 : ArrayLikeObject 검색할 배열 객체 function 유형 : Function ( Object elementOfArray, Integer indexInArray) => Boolean 각 항목을 처리하는 기능. 함수의 첫 번째 인수는 항목이고 두 번째 인수는 인덱스이다. 함수는 .. 2020. 10. 14.
[jQuery]반복문 each 문 break, continue 사용방법과 예제 오늘은 jQuery를 사용해서 배열을 관리 할때 사용하는 each 함수에 대해 알아보겠습니다. each() 함수는 매개변수로 받은 배열의 요소나 Map 또는 객체의 속성을 반복할 수 있도록 하는 함수 입니다. 기본적인 javascript의 for문과의 차이점은 for문에는 조건식에 배열의 length만큼의 범위 지정을 하여 증감식을 써주어야 하는데에 반해 each()는 이러한 조건을 써주지 않아도 되기 때문에 가독성이 좋고, 배열 뿐만 아니라 DOM 객체나 일반 객체 등에도 사용이 가능하다는 점이 있습니다. $.each() - 선택한 요소 각각에 대하여 for문 처럼 요소들을 반복 수행 하는 함수 each() 함수는 다음과 같은 두 가지 타입으로 사용할 수 있습니다. // jQuery 유틸리티 메서드 $.. 2020. 7. 30.