[jQuery] 제이쿼리 정리 02

📌get

• get메소드는 제이쿼리 객체를 자바스크립트 객체로 다시 전환하는 역할
• 여러개의 태그 중 몇번째 태그를 자바스크립트 객체로 전환할 건지 선택
  $('zero').get(0);

📌attr

• attr속성을 조회하거나 변경할 수 있는 메소드
• 인자를 하나만 주면 속성의 값을 조회 , 두 개를 주면 해당 속성값 변경
  $('#zero').attr('name'); // 이름 조회
  $('#zero').attr('name','hero'); // id가 zero인 name 속성을 'hero'로 변경

📌val

• value 속성만을 다루는 메소드 인자가 없으면 value 조회, 인자가 있으면 그 값을 value로 변경
  $('#zero').val(); // id가 zero인 value 조회
  $('#zero').val('hero'); // value를 hero로 변경

📌prop

• attr와 유사
• 속성중 true/false 값을 가지는 속성들만을 위한 메소드 ex)hidden,readonly,checked 속성

$('#zero').prop('hidden'); // false
$('#zero').prop('hidden',true); //hidden 속성의 값을 true로 변경

📌addClass

• 클래스를 추가하는 메소드
  $('#zero').addClass('new');

📌removeClass

• 클래스를 제거하는 메소드
  $('#zero').removeClass('new');

📌toggleClss

• 해당 클래스가 있으면 지우고, 없으면 만든다.
  $(#zero).toggleClass('new'); // new 추가
  $(#zero).toggleClass('new'); // new 삭제

📌text

• textContent 바꿈.
  $('#zero').text('TextChanged') // 내용을 TextChange로 변경

📌css

• 스타일 속성을 조회하거나 변경.
• 인자를 하나만 주면 스타일 속성값 조회, 두개를 주면 해당 값으로 변경
  $('#zero').css('width'); // width 조회
  $('#zero').css('width',300); // width를 300으로 변경