네이처리 노트

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 🐟 스타일 전체 css 속성에 관여하기 가능 // 값 가져오기 $("#item").css('background-color'); // 값 부여하기 $("#item").css('font-weight','bold'); // 값 객체로..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 부모요소 찾기 // (셀렉터에 부합하는) 바로 위의 부모 $('span').parent(selector); // a, input, input // (셀렉터에 부합하는) 위의 부모들 $('span').parents(selector..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 append, prepend // 선택자의 마자막에 추가 $('ul').append(' 리스트 마지막 '); // 선택자의 첫번째에 추가 $('ul').prepend(' 리스트 맨처음 '); // 선택자를 타겟 마지막..

기초리스트 ▶기초 ( 선언하기 $.ready() ) ▶ 속성보기 ( attr val checked disabled ) ▶ 추가 및 삭제 ( append remove before after text html ) ▶ 부모형제요소 찾기 ( parent closest children find prev next filter ) ▶ 스타일 변경하기 ( css show hide toggle addClass toggleClass ) 공부하면서 정리한 내용입니다 참고한 내용은 링크를 확인해주세요 왠만한 속성에 전부 관여하기 가능 // 이미지 src 가져오기 $('img').attr('src'); // 이미지 입력 $('img').attr('src', 'images/logo.png'); // 스타일 부여 $('input'..