inflearn logo
강의

Khóa học

Chia sẻ kiến thức

HTML+CSS+JS Portfolio thực tế (Mùa 1)

jQuery - Lý thuyết cốt lõi: Duyệt phần tử (children, siblings)

제이쿼리 선택자 부를 때 .menu li 말고 다르게 선택할 수는 없나요?

492

crookie

1 câu hỏi đã được viết

1

강의 시간 12:00 에서

$('.menu li') 로 선택자를 지정하시면서 <li></li>구문 전체를 클릭하는 걸로 설명을 해주셨는데, 저는 MENU-1과 MENU-2에만 마우스 커서가 가면 되는 게 아닐까 싶어서

$('.menu li > a') 이렇게도 코딩을 해봤더니 작동이 안되더라고요. 왜 안되는 건지 궁금합니다. 선택자는 메뉴 뿐만 아니라 서브메뉴까지 선택을 해주어야 뒷 부분에서 요소선택과 메서드를 작성하여 slideDown, children 등을 적용시킬 수 있기 때문에 .menu li 로 포괄적으로? 선택을 해야 하는 건가요?

HTML/CSS jquery

Câu trả lời 3

0

codingworks

.menu li > a라고 하고 this로 받으면 .sub-menu는 childeren이 아이라 siblings가 됩니다.

그래서 아래처럼 하셔야 작동합니다.

다음에 질문주실 때는 html, css, js 코드 모두 올려주세요.

캡쳐 말고 복사 붙여넣기로 올려시시는게 편해요.

그래야 저도 에디터에 넣어서 바로 테스트할 수 있어서 정확하게 답변드릴 수 있어요.

0

crookie

아하 그렇군요 답변 감사드립니다.

그렇군요, 다음 질문 시 참고하겠습니다. 감사합니다!

0

crookie

빨간 줄 쳐져있는 부분처럼도 선택자를 선택할 수 있는지 궁금해서 바꿔봤는데 메뉴에 마우스를 갖다 대도 서브 메뉴들이 펼쳐지는 둥의  애니메이션이 작동하지 않았는데 선택자를 왜 저렇게 선택하면 실행되지 않을까요? 

.menu li 처럼 메뉴 전체의 큰 범위로 선택을 해야 하나요? 효과 메서드 작동을 위해서 밑에 줄에 적힐 선택요소보다 선택자의 범위가 더 커야하나요?

html문서의 한 부분 덩어리가 많아지니 선택자를 어떻게 깔끔하게 선택할 수 있는지 아직 잘 모르겠어서 질문드리게 되었습니다. 읽어주셔서 감사합니다.

0

codingworks

학습하신 코드를 복사해서 올려주실래요?

글로만은 확실히 어떤 부분인지 알기가 어려워요~

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

74

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

77

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

90

1

제이쿼리 작동이 안됩니다

1

199

3

강의 내용 질문있습니다.

1

120

2

일정 부분만 주석하는 방법

1

211

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

135

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

139

2

폰트어썸이 안되요..

1

487

2

화면 정중앙에 오게끔 할수있나요?

1

169

1

어코디언 네비게이션 중

1

127

1

라이브서버 문제

1

230

2

넷플릭스 어코디언 예제 질문

1

105

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

158

1

active 관련 질문

1

147

2