developer

jQuery.map( array, callback ) Returns: Array (version added: 1.0) : 설명 : 배열 또는 개체의 모든 항목을 새 항목 배열로 변환합니다. array Type: Array The Array to translate. callback Type: Function( Object elementOfArray, Integer indexInArray ) => Object jQuery.map( object, callback ) Returns: Array (version added: 1.6) object Type: Object The Object to translate. callback Type: Function( Object propertyOfObject, String ..

자바스크립트/jquery 2021. 2. 8. 20:55

.attr (attributeName) return : string 설명 : 일치하는 요소 집합의 첫 번째 요소에 대한 속성 값을 가져옵니다. 추가 된 버전 : 1.0.attr (attributeName) attributeName 유형 : 문자열 가져올 속성의 이름입니다. .attr () 메서드는 일치하는 집합의 첫 번째 요소에 대한 속성 값만 가져옵니다. 각 요소의 값을 개별적으로 얻으려면 jQuery의 .each () 또는 .map () 메서드와 같은 반복 구조를 사용하십시오. jQuery의 .attr () 메서드를 사용하여 요소의 속성 값을 가져 오면 두 가지 주요 이점이 있습니다. 편의성 : jQuery 객체에서 직접 호출하고 다른 jQuery 메서드에 연결할 수 있습니다. 브라우저 간 일관성 :..

자바스크립트/jquery 2021. 2. 3. 20:40

.children( [selector ] ) - 설명 : selector 와 일치하는 요소 집합에서 각 요소의 자식을 가져옴 DOM 요소 집합을 나타내는 jQuery 객체가 주어지면 .children () 메서드를 사용하면 DOM 트리에서 이러한 요소의 자식을 검색하고 일치하는 요소에서 새 jQuery 객체를 생성 할 수 있습니다. .children () 메서드는 .children ()이 DOM 트리 아래로 단일 수준 만 이동하는 반면 .find ()는 하위 요소 (손자 등)를 선택하기 위해 여러 수준을 탐색 할 수 있다는 점에서 .find ()와 다릅니다. 또한 대부분의 jQuery 메서드와 마찬가지로 .children ()은 텍스트 노드를 반환하지 않습니다. 텍스트 및 주석 노드를 포함한 모든 자식을..

자바스크립트/jquery 2021. 2. 3. 00:41

var testList = [ {value:100}, {value:200}, {value:300} ]; var testArr = testList.filter(function(item){ return item.value === 200; }); console.log(testAtr)

자바스크립트 2020. 10. 14. 16:58

jquery에서 선택된 DOM 요소의 집합에 대해 루프를 돌면서 처리할 수 있는 기본 메서드인 $().each를 제공함 아래 예제를 실행해 보면 감이 확 올듯합니다. Family members Ralph Hope Brandon Jordan Ralphie 위의 예제는 사람이름을 비정렬 목록(ul)로 가지고 있고 각 목록의 각항목에 대해 번걸아 가면서 배경색을 설정하는 예제입니다.

자바스크립트 2020. 10. 5. 00:10

.end() 개요 : 현재의 연속적인 계산 명령(chain 이라고 표현된)의 종료하고 선택 집합의 이전 요소를 찾아 반환해 줍니다. jQuery의 함수를 연쇄적으로(chain) 사용할 경우 앞쪽에 이미 선택되었던 요소로 돌아갈수 있음 list item 1 list item 2 list item 3 list item 1 list item 2 list item 3 $('ul.first').find('.foo').css('background-color', 'red') .end().find('.bar').css('background-color', 'green');

자바스크립트 2020. 9. 29. 16:40

.prepend()는 선택한 요소의 내용의 앞에 콘텐트를 추가합니다. .prepend( content [, content ] ) Lorem Ipsum Dolor $( 'p' ).prepend( '123 ' ); 123 Lorem Ipsum Dolor 예제) Lorem Ipsum

자바스크립트 2020. 9. 29. 16:31

jQuery data-xx 속성을 추가해주는 data()함수에 대해 HTML5는 개발자가 DOM 객체에 데이터를 저장해두기 위해 속성을 아무렇게나 정의해서 사용하지 않도록 data-xxx와 같이 data-로 시작하는 속성을 사용하도록 권고합니다. 예를 들어 태그에 사용자의 나이를 저장해두기위해 age속성을 넣어두고 싶은 경우 data() 함수 사용 이에 따라서 jQuery에서도 HTML5 표준에 맞춰 data- 속성을 쉽게 다룰 수 있도록 data(key, value) 함수를 지원하고 있습니다. data() 함수는 key와 value 형식으로 파라미터를 넘겨 사용합니다. $('span').data('name’, jon); //값 저장 저장한 데이터를 읽어오는 경우에는 key만 지정해주면 됩니다. $('s..

자바스크립트 2020. 9. 28. 17:48