전체 글

728x90
Front-end/JavaScript

[JavaScript] jQuery 요소 복사, 대체, 삭제하기

복사하기 clone $('셀렉터').clone() ex) 대체하기 replaceAll, replaceWith $('셀렉터1').replaceAll('셀렉터2') : 셀렉터2 구조가 셀렉터1로 대체 (셀렉터1 사라짐) $('셀렉터1').replaceWith('내용') : 셀렉터 안의 모든 구조가 내용으로 대체 삭제하기 remove, empty $('셀렉터').remove() : 셀렉터 삭제 $('셀렉터').empty() : 셀렉터 안의 내용 삭제

Front-end/JavaScript

[JavaScript] jQuery CSS 스타일 지정하기

css() 명령 $('셀렉터').css('스타일속성이름' , '값') $('셀렉터').css({ 스타일속성이름 : '값'. 스타일속성이름 : '값'. }) px단위는 생략가능 margin-top 같이 '-' 가 있는 경우 인식을 못 하기 때문에 marginTop 카멜표기법으로 써야함 ex) css 값을 변수에 저장하는 법 let 변수명 = $('셀렉터').css('스타일속성이름') ex)

Front-end/JavaScript

[JavaScript] jQuery 공간 명령

width(), height() 명령 $('셀렉터').width(숫자) $('셀렉터').height(숫자) : 너비/높이 값 지정 숫자는 px로 인식하기 때문에 px를 쓸 필요 없음 innerWidth(), innerHeight() 명령 $('셀렉터').innerWidth(숫자) $('셀렉터').innerHeight(숫자) : 너비/높이 + padding 값 outerWidth(), outerHeight() 명령 $('셀렉터').outerWidth(숫자) $('셀렉터').outerHeight(숫자) : 너비/높이 + padding + border 값 outerWidth(true), outerHeight(true) 명령 $('셀렉터').outerWidth(숫자) $('셀렉터').outerHeight(숫자)..

Front-end/JavaScript

[JavaScript] jQuery 요소 이동시키기

appendTo(), prependTo(), insertBefore(), insertAfter() : 셀렉터로 지정 된 요소를 특정 위치로 이동

728x90
eunjin-park
개발 일기