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

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

• $('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를 치면 소스 주소가 나온다.