퍼펫티어에서 $(), $$()

taelee·2020년 9월 17일
0

크롬개발자 모드나 퍼펫티어에서 ()나 $()를 사용할 수 있다.

  • $('div') = document.querySelector('div');
    • 해당 엘레먼트들이 여러개인경우엔 제일 첫번째꺼 선택(아예 안뜨는거 같기도함)
  • $$('div') = document.querySelectorALL('div');
    • 해당 태그 전부 선택
  • $$()로 먼저 1개로 추린다음에 $()를 적요하면 되는듯
  • 선택자 설명
    • 'div' -> 태그
    • '.logo' -> class 이름
    • '#button' -> id 이름
  • 띄어쓰기로 하위 선택자 표시
    • $$('div .logo')
    • div태그 중 logo클래스를 가진 엘레먼트 전부 가져오기
  • >로 바로 밑의 하위 표시
    • $$('div>.logo')
    • div태그 바로밑에 있는 log클래스 전부 가져오기
  • 알아낸 선택자 뒤에
    • $('div').textContent를 하면 글자가 나오고
      • textContent.trim()하면 앞뒤 공백 제거
    • $('div').innerHTML를 치면 태그가 나오고
    • 이미지에 $('img').src를 치면 소스 주소가 나온다.
profile
back-end, cloud, docker, web의 관심이 있는 예비개발자입니다.

0개의 댓글