50,600원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
실습 -노드 다루기 (6)
//아래 코드는 현재는 작동하지 않는다. [12:20]$menu.children().eq($menu.children().length -1).css("border", "5px solid #f00" );$menu.children(":eq(-1)").css("border", "5px solid #f00");css() → 이 안에 "border"를 빠트려서 작동되지 않았던 겁니다!
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
실습 - 노드 생성, 추가, 삭제, 이동 (4) - ex09 中
html() 메서드와 동일하게 append() 메서드도 추가할 데이터를 모두 만든 후 한 번에 추가가 가능했습니다. $("#addHTML").on("click", function() { for (let i = 0; i < 10; i++) { data += "<li>menu" + i + "</li>"; } // html() 메서드를 1회만 호출해서 노드를 추가할 수 있다. $menu.html(data); // $menu.append(data) 도 동일한 결과가 출력된다. }); 메서드 내부에서는 작동하는 원리가 다를 수 있겠습니다.
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
실습 - 노드 다루기 (4) - ex08 filter()와 find()
강사님의 설명 중 확인되어야 할 부분이 있어 의견을 남깁니다. //find()는 전체(혹은 기준 값 하위)에서만 검색을 하지만 filter()는 자기 자신의 //레벨에서 검색을 한다. 라고 설명 해주셨습니다만, 제가 예제를 통해 이해한 것은 아래와 같습니다. filter() 메서드 filter() 메서드로 어떤 요소를 찾으려면 복수 개의 jQuery객체를 가진 객체에서 사용해야 한다. 예시: ex09에서 <div id="samplePage"> ┬ div id="header" ├ div id="content" └ div id="footer" let $divGroup = $("div#samplePage div"); filter() 메서드는 $()함수를 통해 얻은 jQuery객체 배열(유사 배열)의 원소들 중에서 원하는 것을 찾을 수 있다.예시: $divGroup.filter("#header"); // → div id="header"를 찾는다. filter() 메서드는 $()함수를 통해 얻은 단일 jQuery객체에서 사용하면 형제 노드 중 검색조건에 맞는 노드가 있어도 객체가 반환되지 않는다.예시:let $divHeader = $("div#header");$divHeader.filter("#content"); // div id="content"에 해당하는 객체를 얻을 수 없다. filter() 메서드는 대상이 되는 jQuery객체 배열(유사 배열)의 원소들의 자식 또는 자손 요소는 찾지 않는다. find() 메서드 find() 메서드는 복수 개의 jQuery객체를 가진 jQuery배열(유사 배열)이나 단일 jQuery 객체에서 사용할 수 있다. find() 메서드는 자식, 자손 노드를 모두 탐색해 검색 조건에 맞는 노드를 반환한다. 위 메서드들의 성질을 볼 때 filter() 메서드는 어떤 노드를 찾기 보다는 복수 개의 결과에서 특정 요소를 선택하는 데 사용하는 것이 유용해 보입니다. find() 메서드는 filter() 보다 '검색' 처럼 사용할 수 있습니다. 정정되어야 할 내용이 있으면 다른 학우님들께 의견 부탁드립니다. 감사합니다.
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
실습 - 노드 다루기(3) ex05 中
소스코드 16번 줄에 //jQuery객체.textContent를 하게 되면 해당한는 값을 출력을 할 수 있다. 라고 강사님께서 적어주셨습니다만, textContent 속성은 jQuery객체가 아니고 JS DOM객체가 갖는 속성이 아닌지 궁금합니다. jQuery 객체의 텍스트 값은 $jQuery객체.text() 를 사용하는 것 같습니다.
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
ex09실습 - onload과 ready차이
$(document).ready() 에서 이미지 로딩을 확인할 때 예전 강의에서 언급하신 https://place-hold.it 을 사용하면 ready() 와 onload의 차이를 확인할 수 있었습니다.
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
$(selectedItem)의 의미
function addMenu() { // 텍스트 입력 값 구하기 var menuName = $menuName.val(); // 신규 메뉴 아이템 문자열 만들기 var newMenuItem = "<li>" + menuName + "</li>"; // 선택 메뉴 아이템이 있는 경우 신규 메뉴 아이템을 선택 메뉴 아이템 아래에 추가 if ($selectedItem) { $selectedItem.after(newMenuItem); } else { // 메뉴에 신규 메뉴 아이템 추가 $menu.append(newMenuItem); } } if문이 이해가 가지 않습니다. $selectedItem 은 널값인데,,,
- 미해결자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.1
$selectedItem 이 의미가 뭔지 모르겠어요.
if ($selectedItem) { $selectedItem.after(newMenuItem); }else{ $menu.append(newMenuItem); } $selectedItem이게 null 값인데 어떻게 $selectedItem.after(newMenuItem);을 했을때ul.menu의 자식으로 li가 넣어지는 건가요? $selectedItem = ul이라는 걸 어떻게 알 수 있는 건가요?