1.jquery에는 필터링 API 찾기가 있습니다.
구문은 다음과 같이 매우 간단합니다.
HTML 코드:
<p><span>Hello</span>, how are you?</p>
jQuery 코드:
$("p").find("span")
결과:
[ <span>Hello</span> ]
하지만 처음에는 이것이 $('pspan') API와 정확히 동일하지 않아 혼란스러웠습니다. 왜 이 find를 사용해야 할까요?
오늘 애플리케이션 시나리오가 발생했다는 것을 알고 있습니다.
이 장면은 div.skill이 있습니다. 마우스가 그 위로 지나갈 때 하위 선택기 div.'skill-text'에 새 클래스를 추가해야 합니다.
일부 학생들은 왜 이벤트 위임을 사용하지 않는지 질문할 수 있습니다.
$('.skill').on('mouseover',‘.skill-text',function(e){ $(this).addClass('skill-active'); });
나중에 '.skill'에 대한 처리 코드도 있고, 유사한 .skill도 많기 때문에 $('.skill')을 통해서는 직접 조작할 수 없고, 이것을 이용하거나 e.target을 이용해야 합니다.
$('.skill').on('mouseover',function(e){ $(this).find('.skill-text').addClass('skill-active'); //.......其余代码 });
이런 상황에서는 매우 유용합니다. CSS 선택기를 사용하여 개체를 직접 찾을 수 없기 때문입니다.
그 외에 다른 좋은 방법은 정말 생각해본 적이 없네요. 네이티브 js를 찾을 수 없다면 어떻게 작성해야 할까요? . . . 【의심스럽다】
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.